javascript - 如何使用 jquery 或 javascript 将复选框选择限制为一个

标签 javascript jquery html checkbox

如何使用 jquery 或 javascript 将复选框选择限制为一个,并且在选中一个复选框后应禁用其他复选框?

<input type="checkbox" name="size[]" id="size" value="Small" />Small
<input type="checkbox" name="size[]" id="size" value="Medium" />Medium
<input type="checkbox" name="size[]" id="size" value="Large" />Large
<input type="checkbox" name="size[]" id="size" value="Xl" />XL

这里是示例,但我想要在 Html 或 Php 中使用相同的东西

http://gravitywiz.com/demos/limit-how-many-checkboxes-can-be-checked/

问题现在解决了这里是最终解决方案

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>

<script>
$(document).ready(function () {
$('input:checkbox').click(function(){
var $inputs = $('input:checkbox')
if($(this).is(':checked')){
$inputs.not(this).prop('disabled',true); 
}else{
$inputs.prop('disabled',false);
}
})
})
</script>

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

最佳答案

$("input[type='checkbox']").on("click" , function(){
    $("input[type='checkbox']").not(this).attr("disabled", "disabled");
});

Working Example

关于javascript - 如何使用 jquery 或 javascript 将复选框选择限制为一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16048202/

相关文章:

javascript - javascript 中的异步编程(不是 AJAX)

javascript - 使用 Javascript 和 css 的菜单栏

javascript - 如何使用 Jquery 在日期时间后切换类?

javascript - 设置默认值 从下拉列表中选择值

javascript - 我怎样才能水平居中这个包含敏感 javascript 的 div?

javascript - 引用和数据类型检查,这些是一样的吗?

javascript - ng-model 不绑定(bind)属性,但它绑定(bind)对象

php - PHP in_array检查数组的最佳方法?

javascript - Laravel Live Search AJAX Eloquent 可点击项目

javascript - 在隐藏的 div 中显示和隐藏带有单选按钮的 div