jquery让checkbox只能选中一个怎么实现

发布网友 发布时间：2022-04-30 16:13

我来回答

共3个回答

热心网友 时间：2022-04-23 05:02

//控件复选框只能选择一项
jQuery(document).ready(function() {
jQuery("#list input[type='checkbox']").click(function() {
if (jQuery(this).attr("checked") == true) {
jQuery("#list input[type='checkbox']").attr("checked", false);
jQuery(this).attr("checked", true);
}
});
});

热心网友 时间：2022-04-23 06:20

if (jQuery(this).attr("checked") == true) 这一句应该换成 if (jQuery(this).attr("checked") == “checked”) 吧

热心网友 时间：2022-04-23 07:55

checkbox只选中一个的jquery做法是循环，发现有选中的即跳过。
比如有如下checkbox列表：

<div>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</div>
<div>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</div>
<div>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</div>

选中一个的写法：
$('input[type="checkbox"]').on('change', function() {
$(this).siblings('input[type="checkbox"]').prop('checked', false);
});