美文网首页我爱编程
2018-03-28 jQuery 复选框只选中一个

2018-03-28 jQuery 复选框只选中一个

作者: isaaCyu | 来源:发表于2018-03-28 23:30 被阅读19次
<form id="test">  
    <input name="check1" type="checkbox" />check1  
    <input name="check2" type="checkbox" />check2  
    <input name="check3" type="checkbox" />check3  
</form>

$(document).ready(function(){  
    $('#test').find('input[type=checkbox]').bind('click', function(){  
        $('#test').find('input[type=checkbox]').not(this).attr("checked", false);  
    });  
}); 
jQuery 事件 - bind() 方法

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

jQuery 事件 - find() 方法

find() 方法返回被选元素的后代元素。后代是子、孙、曾孙,依此类推。

jQuery 属性操作 - attr() 方法

attr() 方法设置或返回被选元素的属性值。

所以

上面的代码 jquery部分的逻辑就是 找到 test 后代中所有<input type="checkbox">元素,并为他们绑定点击事件。

相关文章

网友评论

    本文标题:2018-03-28 jQuery 复选框只选中一个

    本文链接:https://www.haomeiwen.com/subject/otmucftx.html