Question

如何将选中的单选按钮的值添加到单独的元素中？因此，当单选按钮“＃quantity2”被检查时，我想用“200”替换“100”。

<input type="radio" id="quantity1" name="quantity" value="100" checked>
<input type="radio" id="quantity2" name="quantity" value="200">
<input type="radio" id="quantity3" name="quantity" value="300">

// Add the value of the checked radio button here
<div id="cart-animation">100</div>

Answer 1

你可以这样做。

$('input[name=quantity]').click(function(){
    $('#cart-animation').html(this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" id="quantity1" name="quantity" value="100" checked>
<input type="radio" id="quantity2" name="quantity" value="200">
<input type="radio" id="quantity3" name="quantity" value="300">

<div id="cart-animation">100</div>

如何将已选中的单选按钮的值附加到单独的元素？

1 个答案: