兩個複選框在同一時間被檢查

我有兩個複選框。我需要的是當有人檢查其中一個箱子時，它將自動檢查另一個以及。反之亦然，如果有人取消選中其中的一個框，那麼取消選中。這是表單上的一個捆綁軟件包，如果沒有其他軟件包，他們將無法獲得。兩個複選框在同一時間被檢查

<input type="checkbox" id="chk1" name="chk1" value="100">Voicemail<br /> <input type="checkbox" id="chk2" name="chk2" value="50">VM Support

任何幫助，非常感謝！

來源

2012-09-29 finishedlook

輸入標籤需要被關閉： '語音信箱
' –

盧卡斯格林的解決方案是你最好的選擇，否則你使用的是javascript，雖然它可以工作，但它可以被禁用，並且在這種情況下，檢查同步不會發生。因此，鞏固形式，相互包容=單選項。 – Gavin

所以多少複選框捆綁將在頁面 –

假設你只想測試這兩個複選框（而不是每一個頁面上），你可以使用一個jQuery Multiple Selector訪問兩者的onClick事件。使用this，您可以測試剛剛單擊的複選框的選中狀態，然後將這兩個複選框的狀態分配爲與剛剛單擊的複選框相匹配的狀態。

$('#chk1, #chk2').on('click', function(){ 
    var checked = $(this).is(':checked'); 
    $('#chk1, #chk2').attr('checked', checked); 
});

來源

2012-09-29 18:44:47 doublesharp

太棒了！這個解決方案的確有竅門！它是唯一的複選框在表格上，我一直在努力工作好幾天！謝謝！ – finishedlook

爲什麼不是這個？

<input type="checkbox" id="chk1" name="chk1" value="100"> 
<label for="chk1">Voicemail and VM Support</label>

來源

2012-09-29 18:39:54

當客戶提交表單提交到他們的ERP解決方案時，這個客戶需要它顯示在兩個單獨的行上，因此兩個複選框方法:( – finishedlook

@ user1708740不能使用隱藏字段嗎？如果您將檢查與腳本綁定在一起不會爲大家工作 – Gavin

海事組織它會更聰明地解決在真正的代碼;而不是HTML –

試試這個

$('#chk1 , #chk2').on('click', function(){ 

    $('#chk1 , #chk2').attr('checked', $(this).is(':checked')) 
});

FIDDLE

來源

2012-09-29 18:42:55

它改變文檔中所有複選框的值 – undefined

@undefined ..我假設頁面上只有兩個複選框.. –

兩個複選框在同一時間被檢查

回答

相關問題