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链接到一个按钮

回答

相关问题