2

jqueryでクリックしてラジオボタンの選択を解除しようとしています。

望ましい動作:

  1. クリックしたラジオボタンがすでにチェックされている場合は、チェックを外します
  2. クリックしたラジオボタンがチェックされていない場合は、チェックしてください

これが私のフィドルです：http://jsfiddle.net/2te28/15/

と私のコード:

$('.table').on('click mousedown', '.radio', function() {
    if($(this).attr('id') == $(this).parents('tr').find('.radio:checked').attr('id'))
        $(this).removeAttr('checked');
});

私の問題は、クリックしたものは常にオフになることです。
EDIT : id 転記エラーを修正しました EDIT2 :
両方のラジオ ボタンを同時に選択することはできません。

4

5 に答える 5

0 
<input type="radio" id="radio1" name="1"  class="radio"/>
<input type="radio" id="radio2" name="2"  class="radio"/>

次に、追加するだけです

$('.radio').click(function(){

value = $(this).val();

if(val == 1){

$('#radio1').removeAttr('checked');

}

else{

$('#radio2').removeAttr('checked');

}

});

これは私のために働く

于 2013-03-21T07:58:19.173 に答える
0

これは単純な作業 JSFiddle です: http://jsfiddle.net/2te28/61/

ラジオ ボタンを表す html タグの<id>とは一意である必要があるため、次のように変更されます。<name>

<input type="radio" id="radio1" name="1"  class="radio"/>
<input type="radio" id="radio2" name="2"  class="radio"/>

次に、いくつかの単純な JQuery コードを追加できます。

var radioChecked = $('.table .radio').is(':checked');

$('.table .radio').click(function() {
    radioChecked = !radioChecked;
    $(this).attr('checked', radioChecked);
});​
于 2012-07-19T15:01:07.270 に答える