jQuery鏈接到一個按鈕

我有以下jQuery腳本，我正在使用檢查和取消選中表中的所有複選框（有四個表，我需要爲每個表）。jQuery鏈接到一個按鈕

$("#TAB1-check").click(function() { 
    $(".TAB1").attr('checked', this.checked); 
});

如何將其鏈接到名爲「TAB1-check」的按鈕？

<input type="button" value="Check All" id="TAB1-check" class="TAB1"/>

任何幫助將不勝感激。

來源

2013-05-27 Dustin Cook

你的代碼似乎很好，除了你需要使用'$（「。TAB1」）。attr（'checked'，'checked'）;'檢查所有複選框有「TAB1 「類 – dreamweiver

試試這個：fiddle

<input type="button" value="Un-check All" id="TAB1-check" class="TAB1" /> 
    <input type="checkbox" class="TAB1" /> 
    <script> 
     $("#TAB1-check").click(function() { 
      var value = $(this).val(); 
      if (value == "Check All") { 
       $(".TAB1").attr('checked', true); 
       $(this).val("Un-check All"); 
      } 
      else if(value == "Un-check All") { 
       $(".TAB1").attr('checked', false); 
       $(this).val("Check All"); 
      } 
     }); 
    </script>

當然this.checked的是不與button要去工作的人說，所以，你將不得不在你的腳本的一些變化。

來源

2013-05-27 07:37:59 yogi

嗨瑜珈 - 我喜歡你的解決方案 - 默認情況下，我的網頁加載時勾選了所有複選框。我試圖扭轉你的腳本，但沒有奏效 - 有什麼機會可以調整它嗎？ –

@DustinCook請參閱編輯只需將'Un-check All'加載到按鈕的值 – yogi

謝謝你的...當用戶告訴它取消選中框時，此腳本不會再檢查這些框。 –

您不能在按鈕上使用this.checked。您需要一些其他變量來指示是否應該檢查複選框。

來源

2013-05-27 07:35:21

如果使用

<button type="button" id="TAB1-check" class="TAB1">Check all</button>

按鈕的工作原理幾乎相同的錨。（不會提交）

來源

2013-05-27 07:38:43 veelen

jQuery鏈接到一個按鈕

回答

相關問題