如果選擇了單選按鈕並且選擇了選擇值，則jQuery

Question

更新中的問題：所以現在我可以讓白襯衫工作了，但黃色卻不能。 我可以在白色的Small-med-lrg之間切換，但是換成黃色仍然只能在白色襯衫尺寸之間變化。 我壓縮了代碼，只顯示白色和黃色

<select class="color">
   <option value="white">White</option>
   <option value="yellow">Yellow</option>
</select>
   <input type="radio" class="size" name="size" value="small">Small
   <input type="radio" class="size" name="size" value="medium" checked>Medium
   <input type="radio" class="size" name="size" value="large">Large

和js：

$('.size').click(function() {
    shirtButtons.hide();
    if( $('.color').val() == 'white' || $('.size:checked').val() == 'small'){ 
        shirtButtons.hide();
        $('.white-small').show();
    }else if( $('.color').val() == 'yellow' || $('.size:checked').val() == 'medium'){ 
        shirtButtons.hide();
        $('.yellow-medium').show();
    }
});
$('.color').change(function() {
    shirtButtons.hide();
    if( $('.color').val() == 'white' || $('.size:checked').val() == 'small'){ 
        shirtButtons.hide();
        $('.white-small').show();
    }else if( $('.color').val() == 'yellow' || $('.size:checked').val() == 'small'){ 
        shirtButtons.hide(); 
        $('.yellow-small').show();
    }
});

Answer 1

您必須將類size添加到輸入中。

 <input type="radio" class="size" name="size" value="small">Small
 <input type="radio" class="size" name="size" value="medium" checked>Medium
 <input type="radio" class="size" name="size" value="large">Large

然后使用:checked選擇器獲取值：

$(".size:checked").val()

全JS

$('.color, .size').click(function() {
  if( $('.color').val() == 'white' ||  $(".size:checked").val() == 'small'){ 
      shirtButtons.hide();
      $('.white-small').show();
   }else if( $('.color').val() == 'white' ||  $(".size:checked").val() == 'medium'){ 
      shirtButtons.hide();
      $('.white-medium').show();
   } //etc 
});

JS小提琴： http ： //jsfiddle.net/B93WW/

Answer 2

這是我為您創建的一些示例：
HTML代碼

<select class="color">
  <option value="white">White</option>
  <option value="yellow">Yellow</option>
</select>

<input type="radio" class="size" name="size" value="small">Small
<input type="radio" class="size" name="size" value="medium" checked>Medium
<input type="radio" class="size" name="size" value="large">Large

JS代碼

$('.size').click(function() {
  myFunction();
});

$('select.color').change(function() {
  myFunction();
});

function myFunction(){
  shirtButtons.hide(); // Don't know what is shirtButtons, please explain
  var color = $('select :selected').val();
  var size = $('.size:checked').val();

  if(color  == 'white' || size  == 'small'){ 
    shirtButtons.hide(); // Don't know what is shirtButtons, please explain
    $('.white-small').show();
  } else if( colort == 'yellow' || size == 'medium'){ 
      shirtButtons.hide(); // Don't know what is shirtButtons, please explain
      $('.yellow-medium').show();
    }
}

因此，您可以嘗試alert或console.log變量color和size 。
請讓我知道您遇到的問題。