HTML複選框 - 只允許選中一個複選框

我在表格的每一行都有一些複選框。每一個複選框都有name='myName'，因爲我想在每一行中只選擇一個複選框。但是我丟失的東西，因爲我能夠檢查所有的人：HTML複選框 - 只允許選中一個複選框

enter image description here

，但我想要的結果：

enter image description here

我缺少什麼嗎？

來源

2013-11-09 Tony

複選框不是如何工作的，如果你想讓它們像這樣工作，你應該使用javascript來處理它。 – VahidNaderi

的唯一名稱標識符適用於單選按鈕：

<input type="radio" />

改變你的複選框電臺，一切都應該工作

來源

2013-11-09 15:07:11 silicakes

和alsob代碼可以使用http://stackoverflow.com/questions/9709209/html-select-only-one-checkbox-in-a-group/9709425#9709425 – Tony

你可以識別複選框的唯一名稱也.. 檢查http://stackoverflow.com/a/39405214/2545270 – Nisar

複選框，通過設計，是指開啓或關閉，以進行切換。他們不依賴其他複選框，因此您可以根據需要打開和關閉多個複選框。

然而，單選按鈕的設計只允許在任何時候選擇一個組中的一個元素。

參考文獻：

複選框：MDN Link

單選按鈕：MDN Link

來源

2013-11-09 15:13:13 Charlie74

$(function() { 
    $('input[type=checkbox]').click(function() { 
     var chks = document.getElementById('<%= chkRoleInTransaction.ClientID %>').getElementsByTagName('INPUT'); 
     for (i = 0; i < chks.length; i++) { 
      chks[i].checked = false; 
     } 
     if (chks.length > 1) 
      $(this)[0].checked = true; 
    }); 
});

來源

2015-12-16 09:44:29

sapSet = mbo.getThisMboSet() 
sapCount = sapSet.count() 
saplist = [] 

if sapCount > 1: 
    for i in range(sapCount):`enter code here` 
    defaultCheck = sapSet.getMbo(i) 
    saplist.append(defaultCheck.getInt("HNADEFACC")) 
    defCount = saplist.count(1) 
    if defCount > 1: 
     errorgroup = " Please Note: you are allowed" 
     errorkey = " only One Default Account" 
    if defCount < 1: 
     errorgroup = " Please enter " 
     errorkey = " at leat One Default Account" 
else: 
    mbo.setValue("HNADEFACC",1,MboConstants.NOACCESSCHECK)

來源

2017-02-16 15:57:41 user7576086

雖然此代碼可能回答問題，但提供有關如何解決問題和/或解決問題原因的其他上下文會提高答案的長期價值。 –

$('#OvernightOnshore').click(function() { 
    if ($('#OvernightOnshore').prop("checked") == true) { 
     if ($('#OvernightOffshore').prop("checked") == true) { 
      $('#OvernightOffshore').attr('checked', false) 
     } 
    } 
}) 

$('#OvernightOffshore').click(function() { 
    if ($('#OvernightOffshore').prop("checked") == true) { 
     if ($('#OvernightOnshore').prop("checked") == true) { 
      $('#OvernightOnshore').attr('checked', false); 
     } 
    } 
})

這上面的代碼片斷將允許您使用過單選按鈕複選框，但有單選按鈕的功能相同，只能有一個選擇。

來源

2017-10-25 15:36:39 j9070749

HTML複選框 - 只允許選中一個複選框

回答

相關問題