如何设置其文本值经过单选按钮

这是我的HTML代码

<section class="trainers_listWrap"> 
    <li><label class="mt-radio mt-radio-outline traine"> 
     <input type="radio" data-value="One" class="trainerradio" value="62" name="trainernames">One 
     <span></span> 
     </label> 
    </li> 
    <li><label class="mt-radio mt-radio-outline traine"> 
     <input type="radio" data-value="Two" class="trainerradio" value="9" name="trainernames">Two 
     <span></span> 
     </label> 
    </li> 
    <li><label class="mt-radio mt-radio-outline traine"> 
     <input type="radio" data-value="THree" class="trainerradio" value="17" name="trainernames">THree 
     <span></span> 
     </label> 
    </li> 

</section>

我试图为（尝试检查在上述两个HTML单选按钮）

$('input:radio[name="trainernames"][value="Two"]').prop('checked', true);

这是我的小提琴

http://jsfiddle.net/cod7ceho/376/

可否请你让我知道如何根据

来源

2016-12-15 Pawan

问题与您正在使用的jQuery移动设备有关。要改变电台的状态（实际上，使这种状态变化可见），你必须针对元素标签，也是在这种情况下，并添加/删除适当的类：

$('input:radio[name="trainernames"][data-value="One"]').prev('label').addClass('ui-radio-on').removeClass('ui-radio-off');

演示：http://jsfiddle.net/cod7ceho/377/

附：也许更优雅的解决方案，可以发现（不知道jQuery Mobile的可能性，在这种情况下）

编辑：根据答案

http://jsfiddle.net/cod7ceho/378/

$('input:radio[name="trainernames"][data-value="One"]').prop('checked',true); 


$("input[type='radio']").checkboxradio("refresh");

这里：Checking and unchecking radio buttons with Jquery Mobile

来源

2016-12-15 08:45:08 sinisake

非常感谢它的工作正常。 – Pawan

您已设置data-value所以用它它的文本值设置单选按钮

$('input:radio[name="trainernames"][data-value="Two"]').prop('checked', true);

OR使用正确value即[value="9"]

$('input:radio[name="trainernames"][value="9"]').prop('checked', true);

来源

2016-12-15 08:17:23 Satpal

感谢Satpal我试图在第一个选项，但它不工作。 – Pawan

你可以像这样在输入中使用“checked”。

<input type="radio" data-value="Two" class="trainerradio" value="9" name="trainernames" checked>

来源

2016-12-15 08:34:07

你的代码不能正常工作，因为您的目标是价值而不是数据价值。此外，如果收音机将被检查，没有用户界面将更新，因为无线电通过CSS显示：在pusudo课后。

您可以更新到您的jQuery代码：

$('.trainers_listWrap label').eq(0).click();

来源

2016-12-15 09:00:32

如何设置其文本值经过单选按钮

回答

相关问题