单选按钮检查属性

问题描述：

在我的页面中，我有三个单选按钮，并且我想在单击<li>时检查单选按钮。我的点击功能正在工作，但点击时，收音机没有被检查。我怎样才能做到这一点？我的代码低于单选按钮检查属性

$(document).ready(function() {   
    $('#myContainer li').click(function() { 
     $('#radio1').attr('checked');    
     });  
});  

<div id="myContainer"> 
    <li id="li1"> 
     <input id="radio1" name="RadioGroup" value="val1" type="radio"> 
    val1 
    </li> 
    <li id="li2"> 
     <input id="radio2" name="RadioGroup" value="val2" type="radio"> 
     val2 
    </li> 
    <li id="li3"> 
     <input id="radio3" name="RadioGroup" value="val3" type="radio"> 
     val3 
    </li> 
</div>

答

您正在获取checked属性而不是设置它。试试这个：

$('#radio1').attr('checked', 'checked');

注意

因为jQuery的1.6，建议使用.prop()，而不是.attr()。

$("#radio1").prop("checked", true);

值得一提的是，在更新的jQuery版本，它应该是'.prop（）'而不是'.attr（）' – 2012-03-26 12:01:45

具体而言，'prop（“checked”，true）'而不是'attr（“checked”，“checked”）' 。 – 2012-03-26 12:02:43

更新了答案。 – 2012-03-26 12:05:39

答

$('#radio1').attr('checked')'

将返回值，序设定值尝试

$('#myContainer li').click(function() { 
     $('#radio1').attr('checked','checked');    
     });

，或者如果您使用jQuery 1.6 +使用prop

$('#myContainer li').click(function() { 
      $('#radio1').prop('checked',true);    
      });

DMEO

在你的情况，无论你点击哪个li它会检查与ID无线电= #radio1

在我看来

更恰当的行为将

$('#myContainer li').click(function() { 
    $(":input",this).prop('checked',true);    
      });

DEMO

单选按钮检查属性

相关推荐