2018-03-28 jQuery 复选框只选中一个
2018-03-28 本文已影响19人
isaaCyu
<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">元素,并为他们绑定点击事件。