Question

我有一个radiobuttonGroup，如果在点击触发之前选中了单击的单选按钮，我想要执行操作。这是可能的还是我必须将当前点击的值存储在隐藏字段中，然后与新点击的无线电进行比较？我需要知道的原因是，我想在再次点击收音机时取消选择所有收音机。

<input type="radio" id="star6" name="rating" class="cat" value="6"/>
<input type="radio" id="star5" name="rating" class="cat" value="5"/>
<input type="radio" id="star4" name="rating" class="cat" value="4"/>
<input type="radio" id="star3" name="rating" class="cat" value="3" >
<input type="radio" id="star2" name="rating" class="cat" value="2"/>
<input type="radio" id="star1" name="rating" class="cat" value="1"/>

当我这样做时，我总是用我的if子句选择radiobutton：

$('.cat').on('select', function() {
            if($(this).is(':checked')) {
              //deselect all radio's
            }
        });

谢谢！

Answer 1

您不需要隐藏字段来执行此操作...您只需在点击时为输入分配一个类。

这是一个功能样本： http://jsfiddle.net/leojavier/o8z4monj/3/

$('.cat').on('click', function() {
    if($(this).hasClass('clicked')) {
        $('.cat').each(function(){
            $(this).prop('checked',false);
        });
    }else{
        $(this).addClass('clicked');
    }
});

jquery：RadiobuttonGroup检查之前是否选择了元素

1 个答案: