jquery - 如何使用 Jquery 取消选择单选组中的所有单选按钮？

Question

我使用 Codiqa 设计了我的移动应用程序。所以所有的css和js都是从​​链接加载的。我不知道如何取消选中单选按钮列表中的所有单选按钮。我尝试了很多编码，但它对我不起作用。HTML：

       <div data-role="fieldcontain" data-controltype="radiobuttons">
          <fieldset data-role="controlgroup" data-type="vertical">
              <legend>
                  Shift
              </legend>
              <input id="radio1" name="rbtnShift" value="1" data-theme="c" type="radio">
              <label for="radio1">
                  AM
              </label>
              <input id="radio2" name="rbtnShift" value="2" data-theme="c" type="radio">
              <label for="radio2">
                  PM
              </label>
              <input id="radio3" name="rbtnShift" value="3" data-theme="c" type="radio">
              <label for="radio3">
                  Night
              </label>
          </fieldset>
      </div>

查询：

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

我尝试了上面的编码，但它对我不起作用。我当然缺少一些基本的东西，但我不知道是什么问题。

首先，我选择一个选项

单击按钮后，它显示与下面给出的相同

Answer 1

您可以给他们一个classname并尝试：

$('.classname').prop('checked', false);

Answer 2

使用 knockout.js，下面的代码用于取消选择列表中的所有单选按钮

 $("input[type='radio']").checkboxradio();         
 $("input[name^='rbtnShift']").attr("checked", false).checkboxradio("refresh");

使用下面的代码动态选择列表中的单选按钮，

$("input[type='radio']").checkboxradio();           
$("input[name=rbtnShift][value=" + 1 + "]").prop('checked', true);
$("input[name^='rbtnShift']").attr("checked", true).checkboxradio("refresh");

Answer 3

你也可以试试这个；

$('input:radio[name="rbtnShift"]').removeAttr('checked');