jquery - 将下拉选择输入转换为需要选择一个的单选按钮

标签 jquery html css html-select html-input

我正在使用一个电子商务系统,它允许您为每种产品提供多种变体 -(例如:大号、中号、小号 T 恤)。但是,我们收到了客户的投诉,他们添加了一件 T 恤而忽略了变化。结果,很多大人物都穿小号 T 恤(默认)。为了解决这个问题,我想强制用户选择一个单选按钮(而不是下拉选择列表),然后才可以使用添加到购物车按钮。这是显示选择下拉列表的当前 php;

<?php while (have_variation_groups()) : the_variation_group(); ?>
  <?php /** variation HTML and loop */?>
  <select class='select_variation' name="variation[<?php echo variation_id(); ?>]" id="<?php echo variation_group_form_id(); ?>">
  <?php while (have_variations()) : the_variation(); ?>
     <option value="<?php echo the_variation_id(); ?>"><?php echo the_variation_name(); ?></option>
   <?php endwhile; ?>
</select> 
<?php endwhile; ?>
<?php echo add_to_cart_button(the_product_id()); ?>

它吐出这种 html...

<select class='select_variation' name="variation[1]" id="variation_select_22_1">
<option value="1">Small</option>
<option value="2">Big</option>
</select> 
<input type='submit' id='product_22_submit_button' class='buy_button' name='Buy'  value="Add To Cart" />

您如何建议我将下拉菜单转换为单选按钮,并确保在他们选择变体之前“添加到购物车”按钮不可点击? 谢谢

最佳答案

为什么不添加值为 0 和文本“请选择尺寸”的默认选项?

关于jquery - 将下拉选择输入转换为需要选择一个的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1810125/

相关文章:

jquery - 使用jquery水平滑动div

php 最小和最大变量在 mysql 语句中不起作用

html - 修复了使用多个 Fullcalendars 滚动的标题

html - 全宽重叠三 Angular 形

angularjs - css 旋转后调用 AngularJs 函数

javascript - JQuery-UI 可拖动元素在被放下时出现在其他元素之上

javascript - 每 x 秒执行一次 setTimeout 和 Ajax 时内存泄漏

html - 我可以在同一个样式表中同时使用 px 和 em 吗?

html - 如何在 ie 9-11 中给 iframe 设置不透明度

javascript - 在javascript中获取表tr td中传递的参数