我爱编程

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">元素,并为他们绑定点击事件。

上一篇 下一篇

猜你喜欢

热点阅读