Javascript 如果选择了单选按钮并选择了选择值，jquery

更新问题：所以现在我可以穿白衬衫，但不能穿黄衬衫。我可以在白色的小型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

---

必须向输入中添加类

大小

 <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

$('.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 Fiddle:
您必须在输入中添加一个类
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

完整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 Fiddle:
您必须在输入中添加一个类
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

完整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 Fiddle:
您必须在输入中添加一个类
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

完整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 Fiddle:
以下是我为您创建的一些示例：

HTML代码

因此，您可以尝试
alert
或
console.log
变量
color
和
size


请告诉我您哪里有问题。
以下是我为您创建的一些示例：

HTML代码

因此，您可以尝试
alert
或
console.log
变量
color
和
size


请告诉我您哪里有问题。
以下是我为您创建的一些示例：

HTML代码

因此，您可以尝试
alert
或
console.log
变量
color
和
size


请告诉我您哪里有问题。
以下是我为您创建的一些示例：

HTML代码

因此，您可以尝试
alert
或
console.log
变量
color
和
size


请告诉我您的问题出在哪里。
您忘记js了吗？很抱歉！补充@Astarkey什么是衬衫扣子？@Pavlo这是我想根据大小和颜色展示的一系列div。白色小号和黄色小号都是衬衫纽扣。所以我把所有的藏起来，展示我想要的。@Astarkey你能展示一下你的收藏吗？还有，看看我给你贴的答案。你忘了js吗？很抱歉！补充@Astarkey什么是衬衫扣子？@Pavlo这是我想根据大小和颜色展示的一系列div。白色小号和黄色小号都是衬衫纽扣。所以我把所有的藏起来，展示我想要的。@Astarkey你能展示一下你的收藏吗？还有，看看我给你贴的答案。你忘了js吗？很抱歉！补充@Astarkey什么是衬衫扣子？@Pavlo这是我想根据大小和颜色展示的一系列div。白色小号和黄色小号都是衬衫纽扣。所以我把所有的藏起来，展示我想要的。@Astarkey你能展示一下你的收藏吗？还有，看看我给你贴的答案。你忘了js吗？很抱歉！补充@Astarkey什么是衬衫扣子？@Pavlo这是我想根据大小和颜色展示的一系列div。白色小号和黄色小号都是衬衫纽扣。所以我把所有的藏起来，展示我想要的。@Astarkey你能展示一下你的收藏吗？另外，请看一下我为您发布的答案。@Astarkey很高兴我能帮上忙！我认为点击“.color”选择的事件不正确。您应该使用$（'select'）。change（）instead@Pavlo如果我错了，请纠正我，但我非常确定
单击
是
输入
上的一个事件。根据OP的代码，他对输入和选择使用了单击事件，但对于选择，这将无法正确工作。它会起作用，但每次你点击“选择”时，你总是会在点击事件中被炒鱿鱼，即使你没有在那里更改任何内容，清楚吗？@Astarkey很高兴我能帮上忙！我认为点击“.color”选择的事件不正确。您应该使用$（'select'）。change（）instead@Pavlo如果我错了，请纠正我，但我非常确定
单击
是
输入
上的一个事件。根据OP的代码，他对输入和选择使用了单击事件，但对于选择，这将无法正确工作。它会起作用，但每次你点击“选择”时，你总是会在点击事件中被炒鱿鱼，即使你没有在那里更改任何内容，清楚吗？@Astarkey很高兴我能帮上忙！我认为点击“.color”选择的事件不正确。您应该使用$（'select'）。change（）instead@Pavlo如果我错了，请纠正我，但我非常确定
单击
是
输入
上的一个事件。根据OP的代码，他对输入和选择使用了单击事件，但对于选择，这将无法正确工作。它会起作用，但每次你点击“选择”时，你总是会在点击事件中被炒鱿鱼，即使你没有在那里更改任何内容，清楚吗？@Astarkey很高兴我能帮上忙！我认为点击“.color”选择的事件不正确。您应该使用$（'select'）。change（）instead@Pavlo如果我错了，请纠正我，但我非常确定
单击
是
输入
上的一个事件。根据OP的代码，他对输入和选择使用了单击事件，但对于选择，这将无法正确工作。它会起作用，但每次单击“选择”时，您总是会在单击事件中被解雇，即使您没有更改任何内容，清楚吗？