单选按钮检查属性

Question

在我的页面中,我有三个单选按钮,我想在单击时检查单选按钮<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>

Answer 1

您正在获取已检查的属性而不是设置它.试试这个:

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

注意

从jQuery 1.6开始,建议使用.prop()而不是.attr().

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