Làm thế nào để bỏ chọn một nút radio?

Tôi có một nhóm các nút radio mà tôi muốn bỏ chọn sau khi biểu mẫu AJAX được gửi bằng jQuery. Tôi có chức năng sau:

function clearForm(){
  $('#frm input[type="text"]').each(function(){
      $(this).val("");  
  });
  $('#frm input[type="radio":checked]').each(function(){
      $(this).checked = false;  
  });
 }

Với sự trợ giúp của chức năng này, tôi có thể xóa các giá trị trong hộp văn bản, nhưng tôi không thể xóa các giá trị của các nút radio.

Nhân tiện, tôi cũng đã thử $(this).val("");nhưng điều đó không hiệu quả.

hoặc (js đồng bằng)

this.checked = false;

hoặc (jQuery)

$(this).prop('checked', false);
// Note that the pre-jQuery 1.6 idiom was
// $(this).attr('checked', false);

Xem trang trợ giúp jQuery prop () để biết giải thích về sự khác biệt giữa attr () và prop () và tại sao prop () hiện được ưa thích hơn.
prop () đã được giới thiệu với jQuery 1.6 vào tháng 5 năm 2011.

Bạn sẽ không cần eachchức năng

$("input:radio").attr("checked", false);

Hoặc là

$("input:radio").removeAttr("checked");

Điều tương tự cũng nên áp dụng cho hộp văn bản của bạn:

$('#frm input[type="text"]').val("");

Nhưng bạn có thể cải thiện điều này

$('#frm input:text').val("");

Thử

$(this).removeAttr('checked')

Vì rất nhiều trình duyệt sẽ hiểu 'kiểm tra = bất cứ điều gì' là đúng. Điều này sẽ loại bỏ hoàn toàn thuộc tính được kiểm tra.

Hi vọng điêu nay co ich.

Sửa đổi nhẹ plugin của Laurynas dựa trên mã của Igor. Điều này chứa các nhãn có thể liên quan đến các nút radio đang được nhắm mục tiêu:

(function ($) {
    $.fn.uncheckableRadio = function () {

        return this.each(function () {
            var radio = this;
                $('label[for="' + radio.id + '"]').add(radio).mousedown(function () {
                    $(radio).data('wasChecked', radio.checked);
                });

                $('label[for="' + radio.id + '"]').add(radio).click(function () {
                    if ($(radio).data('wasChecked'))
                        radio.checked = false;
                });
           });
    };
})(jQuery);

Cảm ơn Patrick, bạn đã làm cho ngày của tôi! Đó là mousedown bạn phải sử dụng. Tuy nhiên, tôi đã cải thiện mã để bạn có thể xử lý một nhóm các nút radio.

//We need to bind click handler as well
//as FF sets button checked after mousedown, but before click
$('input:radio').bind('click mousedown', (function() {
    //Capture radio button status within its handler scope,
    //so we do not use any global vars and every radio button keeps its own status.
    //This required to uncheck them later.
    //We need to store status separately as browser updates checked status before click handler called,
    //so radio button will always be checked.
    var isChecked;

    return function(event) {
        //console.log(event.type + ": " + this.checked);

        if(event.type == 'click') {
            //console.log(isChecked);

            if(isChecked) {
                //Uncheck and update status
                isChecked = this.checked = false;
            } else {
                //Update status
                //Browser will check the button by itself
                isChecked = true;

                //Do something else if radio button selected
                /*
                if(this.value == 'somevalue') {
                    doSomething();
                } else {
                    doSomethingElse();
                }
                */
            }
    } else {
        //Get the right status before browser sets it
        //We need to use onmousedown event here, as it is the only cross-browser compatible event for radio buttons
        isChecked = this.checked;
    }
}})());

Viết lại mã của Igor làm plugin.

Sử dụng:

$('input[type=radio]').uncheckableRadio();

Cắm vào:

(function( $ ){

    $.fn.uncheckableRadio = function() {

        return this.each(function() {
            $(this).mousedown(function() {
                $(this).data('wasChecked', this.checked);
            });

            $(this).click(function() {
                if ($(this).data('wasChecked'))
                    this.checked = false;
            });
        });

    };

})( jQuery );

Đối với nhóm phát thanh và đài phát thanh:

$(document).ready(function() {
    $(document).find("input:checked[type='radio']").addClass('bounce');   
    $("input[type='radio']").click(function() {
        $(this).prop('checked', false);
        $(this).toggleClass('bounce');

        if( $(this).hasClass('bounce') ) {
            $(this).prop('checked', true);
            $(document).find("input:not(:checked)[type='radio']").removeClass('bounce');
        }
    });
});

Hãy thử điều này, điều này sẽ thực hiện các mẹo:

        $(document).ready(function() {
           $("input[type='radio']").mousedown(function(e) {
                if ($(this).attr("checked") == true) {
                   setTimeout("$('input[id=" + $(this).attr('id') + "]').removeAttr('checked');", 200);}
                else {
                    return true
                }
            });
        });

Thử

$(this).attr("checked" , false );

Bạn cũng có thể mô phỏng hành vi radiobutton chỉ bằng các hộp kiểm:

<input type="checkbox" class="fakeRadio" checked />
<input type="checkbox" class="fakeRadio" />
<input type="checkbox" class="fakeRadio" />

Sau đó, bạn có thể sử dụng mã đơn giản này để làm việc cho bạn:

$(".fakeRadio").click(function(){
    $(".fakeRadio").prop( "checked", false );
    $(this).prop( "checked", true );
});

Nó hoạt động tốt và bạn có nhiều quyền kiểm soát hành vi của từng nút.

Bạn có thể tự mình thử tại: http://jsfiddle.net/almircampos/n1zvrs0c/

Cái nĩa này cũng cho phép bạn bỏ chọn tất cả theo yêu cầu trong một bình luận: http://jsfiddle.net/5ry8n4f4/

Chỉ cần đặt đoạn mã sau cho jQuery:

jQuery("input:radio").removeAttr("checked");

Và đối với javascript:

$("input:radio").removeAttr("checked");

Không cần đặt bất kỳ vòng lặp foreach, feachction .each () hay bất cứ thứ gì

Dùng cái này

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

$('#frm input[type="radio":checked]').each(function(){
   $(this).checked = false;  
  });

Điều này gần như tốt nhưng bạn đã bỏ lỡ [0]

Đúng - >> $(this)[0].checked = false;

Bạn có thể sử dụng JQuery này để bỏ chọn radiobutton

$('input:radio[name="IntroducerType"]').removeAttr('checked');
                $('input:radio[name="IntroducerType"]').prop('checked', false);

function setRadio(obj) 
{
    if($("input[name='r_"+obj.value+"']").val() == 0 ){
      obj.checked = true
     $("input[name='r_"+obj.value+"']").val(1);
    }else{
      obj.checked = false;
      $("input[name='r_"+obj.value+"']").val(0);
    }

}

<input type="radio" id="planoT" name="planoT[{ID_PLANO}]" value="{ID_PLANO}" onclick="setRadio(this)" > <input type="hidden" id="r_{ID_PLANO}" name="r_{ID_PLANO}" value="0" >

: D

$('input[id^="rad"]').dblclick(function(){
    var nombre = $(this).attr('id');
    var checked =  $(this).is(":checked") ;
    if(checked){
        $("input[id="+nombre+"]:radio").prop( "checked", false );
    }
});

Mỗi lần bạn nhấp đúp vào radio đã kiểm tra, các thay đổi được kiểm tra thành false

Bộ đàm của tôi bắt đầu bằng id=radxxxxxxxxvì tôi sử dụng bộ chọn id này.

function clearForm(){
  $('#frm input[type="text"]').each(function(){
      $(this).val("");  
  });
  $('#frm input[type="radio":checked]').each(function(){
      $(this).attr('checked', false);  
  });
 }

Bộ chọn chính xác là: #frm input[type="radio"]:checked không#frm input[type="radio":checked]