如何使用Jquery取消选择无线电组中的所有单选按钮？

Question

我使用Codiqa设计了我的移动应用程序。所以所有的css和js都是从​​链接加载的。我不知道如何取消选中radiobutton列表中的所有单选按钮。我尝试了很多编码，但它不适合我。 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>

Jquery的：

  $("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');