如何防止用戶在HTML中選擇多個複選框？

如何防止用戶在HTML中選擇多個複選框？如何防止用戶在HTML中選擇多個複選框？

2011-04-15 user601367

你能更具體嗎？複選框並不真正具有「多選」。這是一個具有兩種可能狀態的單一元素，已選中或未選中。也許你正在尋找單選按鈕？ – David 2011-04-15 14:05:02

改爲使用單選按鈕？ – 2011-04-15 14:05:43

您應該將其更改爲單選按鈕而不是複選框！

<input type="radio" name="group1" id="item1" value="Milk"> 
<label for="item1">Milk</label> 
<br/> 
<input type="radio" name="group1" id="item2" value="Butter" checked> 
<label for="item2">Butter</label> 
<br/> 
<input type="radio" name="group1" id="item3" value="Cheese"> 
<label for="item13">Cheese</label>

來源

2011-04-15 14:04:57

如果你想只有一個複選框，在同一時間得到選中，那麼它能夠更好地使用radiobutton代替。

來源

2011-04-15 14:05:17

如果您的意思是您不希望同時檢查同一個「邏輯組」中的多個複選框，則應該使用單選按鈕而不是複選框。

<form> 
    <input type="radio" name="aGroup" value="choice1" /> Choice #1<br /> 
    <input type="radio" name="aGroup" value="choice2" /> Choice #2 
</form>

通過使用此，只有1個選項，可以在同一時間

來源

2011-04-15 14:05:31 dominicbri7

我有地方，我需要使用複選框的使用情況進行檢查 - 它不同於單選按鈕，允許用戶取消選中...下面是一些我從另一個計算器用戶拼湊起來的一個例子：

<head> 
    <meta charset=utf-8 /> 
    <title>and-or checkboxes</title> 
    <script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
</head> 

<body> 

    <label for="checkbox1"><input type="checkbox" id="checkbox1" name="checkbox1" value="and" </label><span id="span_and">checkbox1</span><br> 

    <label for="checkbox2"> <input type="checkbox" id="checkbox2" name="checkbox2" value="or" </label><span id="span_or">checkbox2</span> 

    <script> 

     $(document).ready(function(){ 
      $('#checkbox1').click(function() { 
      var checkedBox = $(this).attr("checked"); 
       if (checkedBox === true) { 
        $("#checkbox2").attr('checked', false); 
       } else { 
        $("#checkbox2").removeAttr('checked');      
       } 
      }); 
     }); 

     $(document).ready(function(){ 
      $('#checkbox2').click(function() { 
      var checkedBox = $(this).attr("checked"); 
       if (checkedBox === true) { 
        $("#checkbox1").attr('checked', false);      
       } else { 
        $("#checkbox1").removeAttr('checked');      
       } 
      }); 
     }); 

    </script> 

</body>

通過一些工作，您可以將兩個腳本或兩個腳本合併爲一個腳本。你現在可能不需要這個，但我想發佈它，因爲它對我非常有用。

來源

2013-03-16 20:08:23 Andreas3204

使用無線電，他們必須有相同的name=""。

來源

2016-04-15 09:48:35 Hachachin

如何防止用戶在HTML中選擇多個複選框？

回答

相關問題