Javascript .prop()未对目标单选按钮执行任何操作

Javascript .prop()未对目标单选按钮执行任何操作,javascript,jquery,radio-button,prop,Javascript,Jquery,Radio Button,Prop,我正在尝试取消选中一组2个单选按钮 <label>Yes <input type="radio" value="true" name="gasCustomer"> </label> <label>No <input type="radio" value="false" name="gasCustomer">

我正在尝试取消选中一组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);
    });
});

使用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');
            }
        });
})

对
不
$(函数(){
$('[name=“electricCustomer”]')。单击(函数(){
if($(this).val()=='true'){
$(“#electricAccountNumber”).removeClass('hidden');
$(“#gasCNo”).prop('checked',false)。removeAttr('checked');
}
});
})

是什么让你认为
.prop(“checked”,false)
不起作用?你的单选按钮一开始是未经检查的,这会使它们未经检查,因此很难看出区别。如果您确保其中一个选项一开始已被选中,您将看到它是有效的:请使用演示问题的选项更新您的问题,最好是使用堆栈片段(
[]
工具栏按钮;)的可运行选项。@T.J.Crowder…我想通过单击其他表单输入等功能取消选中它们,我的问题与他们的空载状态无关。顺便说一句,为什么电力客户不能同时也是天然气客户?但我的猜测是,如果电子选项也是单选按钮,那么您需要绑定到它们的更改事件,因为您很可能单击它们的标签而不是实际输入
<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');
            }
        });
})