Question

我正试图取消选中2个单选按钮的组。

         <label>Yes 
            <input type="radio" value="true"  name="gasCustomer">
         </label>
         <label>No  
            <input type="radio" value="false"  name="gasCustomer">
         </label>

$(function () {
    $('[name="electricCustomer"]').click(function () {            
            $('[name="gasCustomer"]').prop('checked', false);
    });
});

我尝试使用.prop('checked', false);，但这没有任何作用，也没有引发控制台错误。

我似乎也无法通过提供每个选项和ID并执行以下操作将所选选项更改为另一个选项：

             <label>Yes 
                <input type="radio" value="true"  name="gasCustomer" id="gasCYes">
             </label>
             <label>No  
                <input type="radio" value="false"  name="gasCustomer" id="gasCNo">
             </label>

   $(function () {
            $('[name="electricCustomer"]').click(function () { 
                    $("#gasCNo").prop('checked', true);
   });

Answer 1

使用removeAttr即可。请参阅下面的更新代码。

<div class="col-sm-9" id="gasCustomer">
     <div class="btn-group radio-group">
         <label class="btn btn-primary not-active">Yes 
            <input type="radio" value="true"  name="gasCustomer" id="gasCYes">
         </label>
         <label class="btn btn-primary not-active">No  
            <input type="radio" value="false"  name="gasCustomer" id="gasCNo">
         </label>
     </div>
 </div>


   $(function () {
        $('[name="electricCustomer"]').click(function () {            
            if ($(this).val() == 'true') {
                $("#electricAccountNumber").removeClass('hidden');
                $("#gasCNo").prop('checked', false).removeAttr('checked');
            }
        });
})

.prop（）不做任何事情来定位单选按钮

1 个答案: