0

我正在创建两组单选按钮，它们的值都打开和关闭......

当按钮位于 ON Accessories 和 ON Panels 时，我遇到了代码问题，然后用户关闭了配件......图像没有改变......

这是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 有关，但我尝试过 addign .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 回答