javascript - .单击包含 radio 的列表 - 无法直接选择 radio

Question

我有一个包含 radio 输入和标签的无序列表。当用户点击列表项时，它会切换一些信息并选择单选输入。

但是，由于上述原因，如果用户点击实际的 radio 输入本身，它不会选择它，因为我猜点击是针对 radio 而不是列表项本身注册的？

有没有办法治愈？

    jQuery('#sdmlist li.item').click(function(e) {
       jQuery('#sdmlist li.item address').slideUp();
       jQuery("address",this).slideToggle("slow");
       jQuery("input[type=radio]", this).attr('checked',true);
       var element = jQuery("input[type=radio]", this).val();
       ...
       return false;
    });

和一些 html:

     <ul id="sdmlist">
        <li class="item"><input type="radio" name="1" id="1">1 <address>test 123</address></li>
        <li class="item"><input type="radio" name="2" id="2">2 <address>test 23</address></li>
        <li class="item"><input type="radio" name="3" id="3">3 <address>test 3</address></li>
     </ul>

Answer 1

该行为是由 return false 停止传播的点击事件的默认行为引起的，然后点击 radio 。 radio 的默认行为当然是检查 radio 。

只需删除 return false 即可:http://jsfiddle.net/4v9R9/2/