簡體   English   中英

如果 Aleady 使用 Jquery 檢查,需要幫助取消選中單選按鈕

[英]Need Help To Uncheck Radio Button If Aleady Checked Using Jquery

如果按鈕已被選中,我需要幫助取消選中或選中相同的單選按鈕嗎? 我有 jquery 功能,用於啟用或禁用其他單選按鈕(如果現在已經選中)我想添加一些用於檢查或取消選中相同單選按鈕的功能?

(function ($) {
  $(document).ready(function () {
    $('input:radio').click(function(){
      var $inputs = $('input:radio')

      if($(this).is(':checked')){
        $inputs.not(this).prop('disabled',true);
      }else{
        $inputs.prop('disabled',false); 
      }
    })

  });
})(jQuery);

<input type="radio" value="Test1" />Test1
<input type="radio" value="Test2" />Test2
<input type="radio" value="Test1" />Test1
<input type="radio" value="Test2" />Test2

雖然回答晚了,但是可以幫到別人
我試過這個解決方案。
對我來說效果很好!

$("input[type='radio'].myClass").click(function(){
        var $self = $(this);
        if ($self.attr('checkstate') == 'true')
        {
            $self.prop('checked', false);
            $self.each( function() {
                $self.attr('checkstate', 'false');
            })  
        }
        else
        {
            $self.prop('checked', true);
            $self.attr('checkstate', 'true');
            $("input[type='radio'].myClass:not(:checked)").attr('checkstate', 'false');
        }
})

只需將disabled替換為checked

$input.prop("checked", false);

或者對於this元素:

this.checked = false;

但是,如果您正在尋找可以選中和取消選中的表單元素,也許input type="checkbox" />就是您所需要的。

$inputs.filter(':checked').prop('checked', false);

我認為您需要復選框而不是單選按鈕來取消選中選中的:

<input class="checkDisable" type="checkbox" value="Test1" />Test1
<input class="checkDisable" type="checkbox" value="Test2" />Test2
<input class="checkDisable" type="checkbox" value="Test3" />Test3
<input class="checkDisable" type="checkbox" value="Test4" />Test4


(function ($) {
$(document).ready(function () {
 $('input:checkbox.checkDisable').change(function(){
    var $inputs = $('input:checkbox.checkDisable')
    if($(this).is(':checked')){
        $inputs.not(this).prop('disabled',true);
    }else{
        $inputs.prop('disabled',false); 
        $(this).prop('checked',false);
    }
 })

});
})(jQuery);

巴勃羅·阿拉亞回答很好,但是......

$self.prop('checked', true);

這里是多余的。 單選按鈕在每次單擊時都已處於選中狀態。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM