如何設置未選中的複選框1當複選框2被選中並且未被選中時複選框2當複選框1被腳本選中時？

-2

如何設置未選中的複選框1當複選框2被選中，並設置未選中的複選框2當複選框1檢查如何設置未選中的複選框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>

來源

2014-01-31 user3215821

「使複選框像單選按鈕一樣工作」。用戶有一定的界面期望，改變他們通常是一個壞主意。另外，爲什麼jQuery標籤？我看不到。 – j08691

使用單選按鈕？ – nietonfir

如果用戶只能用於選擇，那麼單選按鈕會更合適。 – SaggingRufus

您需要使用.checked而不是選中和它的屬性設置爲false

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

FIDDLE

來源

2014-01-31 15:11:19 Shryme

但我不能全部取消檢查？ – user3215821

那麼如果你有更多的添加到你的列表中，並把他們的checked = false像我的例子已經在做 – Shryme

看到我的更新[小提琴] – Shryme

使用jQuery（讓複選框像單選按鈕的工作。） -

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

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

來源

2014-01-31 15:10:10

我可以使用getElementById作爲目標嗎？不是全部輸入：複選框？ – user3215821

你最好的選擇是使用正確的輸入類型的工作。

複選框允許多選，而單選按鈕不允許。用戶應該期望他們能夠像這樣工作，如果複選框像單選按鈕一樣工作，我會感到困惑（我知道我會感到困惑。）

使用正確的輸入並忘記JavaScript的重寫功能。（不要忘記，他們可能會關閉javascript，這可能會導致您使用正確的輸入會阻止的問題）

來源

2014-01-31 15:27:42 Jason

如何設置未選中的複選框1當複選框2被選中並且未被選中時複選框2當複選框1被腳本選中時？

回答

相關問題