0

値がオンとオフの両方のラジオボタンの2つのセットを作成しています........

ボタンがオンのアクセサリとオンのパネルにあり、ユーザーがアクセサリをオフにすると、コードに問題が発生します...画像は変わりません....

ここにJSがあります 

  var oneOn = $('input:radio[name=one]:checked').val();
  var twoOn = $('input:radio[name=two]:checked').val(); 
  var oneOff = $('input:radio[name=one]:checked').val();
  var twoOff = $('input:radio[name=two]:checked').val();

  $('.radioButton').click(function(e){
   fixButtons(this, selected);
   var selected = $(this).val();
   var oneOn = $('input:radio[name=one]:checked').val();
   var twoOn = $('input:radio[name=two]:checked').val();
   var oneOff = $('input:radio[name=one]:checked').val();
   var twoOff = $('input:radio[name=two]:checked').val();
 if(oneOn === 'on' && twoOn === 'on1') {
  $('.aon_pon').fadeIn('slow');
   }
else if(oneOff === 'off' && twoOff === 'off1'){
  $('.main-img').fadeOut('slow');
}

else if(selected === 'on') {
  $('.aon_poff').fadeIn('slow');
 }
else if(selected === 'off') {
  $('.aon_poff').fadeOut('slow');
}
else if(selected === 'on1') {
  $('.aoff_pon').fadeIn('slow');
}

else if(selected === 'off1'){
  $('.aoff_pon').fadeOut('slow');
}    
 });

 $(":radio[name='one']").attr('checked', true);
 $(":radio[name='two']").attr('checked', true);

フィドルはこちら

http://jsfiddle.net/d0okie0612/m43EQ/

私の問題はおそらく z-index にあると思いますが、.css('z-index', '1000') と css を追加しようとしましたが、問題は解決しません......

助けていただければ幸いです

4

1 に答える 1

0

.prop()ラジオボタンの実際の選択状態を切り替えるために使用する必要があります。

$(":radio[name=one][value=on]").prop('checked', true);

同様に、ラジオ ボタンの実際のオン/オフ状態を確認するには、次のようにします。

var oneOn = $('input:radio[name=one][value=on]').prop('checked'); // true or false
于 2013-03-27T19:35:34.867 に答える