Question

我正在创建两组带有值打开和关闭的单选按钮.......

当按钮位于ON配件和ON面板上时，我遇到代码问题，然后用户关闭配件......图像没有变化....

这是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但是这并没有解决问题.....

任何帮助将不胜感激

Answer 1

您应该使用.prop()来切换单选按钮的实际选择状态：

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

同样，要检查单选按钮的实际开/关状态：

var oneOn = $('input:radio[name=one][value=on]').prop('checked'); // true or false

选择值打开和关闭时图像不显示

1 个答案: