Javascript jQuery:单选按钮值未清除

我这里有密码

<div class="proptions_container">

<button class="showbutton classname" >Call</button>
<div id="rd" style="display:none;">
<form id="blankform">   
<input class="check_val" type="radio" name="check_val" onClick="setShemp(this.value)" value="callondesktop">Call On Desktop<br>
</form>
<form id="valueform">
<input class="check_val" type="radio" name="check_val" onClick="setShemp(this.value)" value="callonphone">Call On Phone
</form>
</div>
<div id="custom_proptions" style="display:none;">
<form style="border: 1px solid; display: block; float: left; padding: 13px 13px 12px 14px;">    
<input name="proption_1" type="text" class="text" id="proption_1" placeholder="First Proption" />
<br>
<input name="proption_2" type="text" class="text" id="proption_2" placeholder="Second Proption" />
<br>
<input type="submit" class="classname" value="Call" />
<button id ="cancel"  class="classname">Cancel</button>
</form>
</div>

<script>
    function setShemp(value)
    {
        if(value == 'callondesktop')
            {
                       $("#blankform").submit();
            }

        if(value == 'callonphone'){
            $('div#rd').slideUp('slow');
            $('.showbutton').hide();
            $('#custom_proptions').slideDown('slow');

        }

    }

    $('#cancel').click(function(e) {
        $('.check_val').val('');  
        e.preventDefault();



        $('#custom_proptions').slideUp('slow');
         e.preventDefault();
        //$('div#rd').slideDown('slow');
        $('.showbutton').show();
    });



    $('.showbutton').click(function() {
        $('div#rd').slideDown('slow');
    });

 $('#proptions').click(function() {
        if ($(this).find(':selected').val() === '5') {
            $('div#custom_proptions').slideDown('slow');
        } else {
            $('div#custom_proptions').slideUp('slow');
        }
    });
</script>

呼叫
在桌面上呼叫

打电话




取消
函数设置（值）
{
如果（值='callondesktop'）
{
$（“#空白表格”）.submit（）；
}
如果（值=='callonphone'）{
$（'div#rd'）。slideUp（'slow'）；
$（'.showbutton'）.hide（）；
$（“#自定义比例”）。向下滑动（“慢速”）；
}
}
$（“#取消”）。单击（函数（e）{
$（'.check_val'）.val（''）；
e、 预防默认值（）；
$（'custom#proptions'）。slideUp（'slow'）；
e、 预防默认值（）；
//$（'div#rd'）。向下滑动（'slow'）；
$（'.showbutton'）.show（）；
});
$（'.showbutton'）。单击（函数（）{
$（'div#rd'）。向下滑动（'slow'）；
});
$（“#比例”）。单击（函数（）{
if（$（this）.find（':selected'）.val（）='5'）{
$（'div#自定义比例'）。向下滑动（'slow'）；
}否则{
$（'div#custom_proptions'）。slideUp（'slow'）；
}
});

单击呼叫按钮时出现两个单选按钮（未选中任何一个）

在选择了

Call on Phone

收音机后，我显示了一个html表单，其中包含两个按钮

Call

和

Cancel

单击

Cancel

我只是显示了主

call

按钮

现在问题来了。当点击Main

Call

按钮时，收音机上一个选择的值出现了，这是我不想要的

我希望在单击call按钮时不应选择任何单选值

---

请务必让我知道为什么单选按钮值第二次显示为选定值。我在这里可能做错了什么？

您可以做的是..在

上单击showbutton的功能。。取消选中两个收音机

  $('.showbutton').click(function() {
    $('input[name="check_val"]').attr('checked', null);  
     //Or u can just use class selector $('input.check_val').attr('checked', null);
    //OR using prop $("input[name='check_val']").prop('checked', false);
    $('div#rd').slideDown('slow');

}); 

您所能做的就是..在
上单击showbutton的功能。。取消选中两个收音机

  $('.showbutton').click(function() {
    $('input[name="check_val"]').attr('checked', null);  
     //Or u can just use class selector $('input.check_val').attr('checked', null);
    //OR using prop $("input[name='check_val']").prop('checked', false);
    $('div#rd').slideDown('slow');

}); 

删除属性“checked”

删除属性“checked”

元素的属性值（如选中状态和禁用状态）应通过
.prop
，而不是
.attr
进行处理。使用：

$("input[name='check_val']").prop('checked', false);

元素的属性值（如选中状态和禁用状态）应通过
.prop
，而不是
.attr
进行处理。使用：

$("input[name='check_val']").prop('checked', false);

试试这个

 $('input[name="check_val"]').attr('checked',false);

试试这个

 $('input[name="check_val"]').attr('checked',false);

您可以这样做：

$('.showbutton').click(function () {
    $('div#rd').slideDown('slow');
    $(':radio:checked').prop('checked', false);
});

您可以这样做：

$('.showbutton').click(function () {
    $('div#rd').slideDown('slow');
    $(':radio:checked').prop('checked', false);
});

.attr
属性错误。这有点模棱两可，但一个很好的经验法则是对选中的
使用
.prop
，对禁用的
使用
.attr
，对其他大多数使用
.attr
。这不是100%正确，只是一个经验法则。你可以通过这里的链接。。。如果您想阅读更多abt道具和属性：）
.attr
属性错误。这有点模棱两可，但一个很好的经验法则是对选中的
使用
.prop
，对禁用的
使用
.attr
，对其他大多数使用
.attr
。这不是100%正确，只是一个经验法则。你可以通过这里的链接。。。如果您想阅读更多abt道具和属性：）正如@Explosion Pills所说，也可以使用prop…prop（）是在jquery 1.6版之后使用的。。如果您想阅读更多内容，可以浏览此链接，@Explosion Pills说也可以使用prop…prop（）是在jquery 1.6版之后使用的。。如果您想阅读更多内容，可以通过此链接