【问题标题】:jQuery uncheck radio button based on classjQuery基于类取消选中单选按钮
【发布时间】:2013-07-27 11:44:45
【问题描述】:

是否可以取消选中基于类的单选按钮?

$('#button').click(function () {

    $("input:radio[class^='.radio2']").each(function(i) {
      this.checked = false;
        });

});

JsFiddle = http://jsfiddle.net/nPgyd/1/

这似乎不起作用。

【问题讨论】:

  • 尝试使用$(this).prop('checked', false);
  • 不高兴,建议低于 maxART 但不高兴。
  • 其实我是先建议的^^
  • @shivam,哥们别紧张

标签: jquery class radio-button unchecked


【解决方案1】:

这里是您的解决方案。 只需要去掉大括号就可以比较类了

Working Demo

 $("input:radio[class^=radio2]").each(function(i) {

【讨论】:

  • 在 jsFiddle 中工作,但是当我应用到我的实际代码时却没有!多么奇怪。
  • 我将不得不查看您的实际代码。可能有错别字什么的
  • 您的代码也有错误。您已为所有 4 个按钮赋予相同的值。这是故意的吗?
  • All sorted - 在我的代码中是一个不同的错误。非常感谢。
【解决方案2】:

试试

Fiddle Demo

$('#button').click(function () {

    $(".radio2").each(function(i) 
     {
          this.checked = false;
     });

});

【讨论】:

    【解决方案3】:

    这可能对你有帮助。

    $('#button').click(function () {
        $("input:radio.radio2").each(function(i) {
                $(this).attr('checked',false);
        });
    
    });
    

    检查链接...

    http://jsfiddle.net/nPgyd/13/

    【讨论】:

      【解决方案4】:

      是的,你可以,所需的语法没有那么复杂。

      $('#button').click(function () 
      {    
          $(".radio2").each(function(i) 
          {
                this.checked = false;
          });                
      });
      

      或者,如果您希望仅影响 radio2 类的输入:

      $('#button').click(function () 
      {    
          $("input.radio2").each(function(i) 
          {
                this.checked = false;
          });                
      });
      

      jsFiddle demo

      【讨论】:

      • 这一点是关键class^=,因为在实时应用程序中通常有radio-。有意义吗?
      【解决方案5】:

      试试这样的?

      $('#button').click(function () {
      
          $("input[type='radio'].radio2").each(function () {
              $(this).prop('checked', false);
          });
      
      });
      

      jsFiddle

      【讨论】:

        猜你喜欢
        • 2011-09-05
        • 1970-01-01
        • 1970-01-01
        • 2018-08-29
        • 2011-07-17
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多