javascript - jquery:RadiobuttonGroup 检查之前是否选择了元素

Question

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

<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 子句一起选择:

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