.click包含收音机的列表 - 无法直接选择收音机

时间:2014-07-31 15:51:23

标签: javascript jquery html 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>

1 个答案:

答案 0 :(得分:2)

该行为是由return false停止传播的点击事件的默认行为引起的,然后点击广播。当然,无线电的默认行为是检查无线电信号。

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