Question

如何设置未选中复选框1选中复选框2并设置未选中复选框2选中复选框1时

（使复选框像单选按钮一样工作。）

<input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1"/> checkbox 1 
<br>
<input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2"/> checkbox2

<script type="text/javascript">
document.getElementById('checkbox1').onchange = function() {
    document.getElementById('checkbox2').Unchecked = this.checked;

};
</script>

<script type="text/javascript">
document.getElementById('checkbox2').onchange = function() {
    document.getElementById('checkbox1').Unchecked = this.checked;

};
</script>

Answer 1

使用jQuery -

$('input:checkbox').on('change',function(){
   if(this.checked)
     $(this).siblings('input:checkbox').prop('checked',false);
});

演示---> http://jsfiddle.net/3g67r/

Answer 2

您需要使用.checked而不是取消选中，并将其属性设置为false

document.getElementById('checkbox2').checked = false;

FIDDLE

Answer 3

您最好的选择是为作业使用正确的输入类型。

复选框允许多项选择，而单选按钮则不允许。用户应该期望他们这样工作，如果复选框像单选按钮一样工作会让人感到困惑（我知道我会感到困惑。）

使用正确的输入并忘记使用javascript覆盖功能。（不要忘记，他们可能关闭javascript，这可能会导致你使用正确的输入会阻止你的问题）

如何设置未选中复选框1选中复选框2并设置未选中复选框2使用脚本选中复选框1时？

3 个答案: