jQuery：單選按鈕值未清除

Question

我這里有一個代碼。

<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>

單擊通話按鈕時出現兩個單選按鈕（未選中）。

選擇“ Call on Phone單選后，我將顯示一個html表單，其中包含兩個按鈕Call和Cancel 。

在單擊Cancel時，我只是顯示主call按鈕。

現在這是問題所在。 當按下Main Call按鈕時，收音機的先前選擇的值出現了，我不需要。

我希望在單擊通話按鈕時都不選擇任何無線電值。

請讓我知道為什么單選按鈕值第二次顯示為選定值。在這里我可能做錯了什么？

Answer 1

屬性值（例如元素的選中狀態和禁用狀態）應通過.prop而不是.attr進行處理。 采用：

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

Answer 2

您可以做的是.. click功能..取消選中兩個收音機...

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

}); 

Answer 3

刪除屬性“選中”

 $('input[name="check_val"]').removeAttr('checked');

Answer 4

嘗試這個

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

Answer 5

您可以這樣做：

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