Javascript 字段集。更改jQuery
我试图在触发单选按钮时更改按钮值Javascript 字段集。更改jQuery,javascript,jquery,forms,onchange,fieldset,Javascript,Jquery,Forms,Onchange,Fieldset,我试图在触发单选按钮时更改按钮值 <fieldset id="product-color"> <input type="radio" id="red" name="color" value="Red"> <label for="red">Red</label><br> <input type="radio" id="blue" name="color" value="Blue"> <l
<fieldset id="product-color">
<input type="radio" id="red" name="color" value="Red">
<label for="red">Red</label><br>
<input type="radio" id="blue" name="color" value="Blue">
<label for="blue">Blue</label><br>
</fieldset>
<button
id="order-button"
data-item-id="1"
data-item-name="Shirt"
data-item-price="20"
data-item-custom2-name="Color"
data-item-custom2-options="Red|Blue">
Add Item
</button>
对于选择输入字段,它可以很好地工作,但对于字段集则不行。有什么区别吗?您需要更改单选按钮的事件,因为事件是在单选按钮而不是字段集上触发的:
$('#product-color input').change(function() {
$('#order-button').data('item-custom2-value', $(this).val());
});
OP有点不清楚要更改按钮单击或单选按钮更改的值的事件。还要指定哪个值作为字段集的数据值?
$('#product-color input').change(function() {
$('#order-button').data('item-custom2-value', $(this).val());
});