从单选按钮获取值的最佳方法

Question

    <input type="radio" name="group1" value="Milk"> Milk<br>
    <input type="radio" name="group1" value="Butter"> Butter

$("????").change(function(){
   alert($(this).val());
})

使用一个名称从两个输入中获取当前检查值的最佳方法如何？如果我点击收音机牛奶然后这应该显示我“牛奶”等。 我可以为此添加类并显示当前值，但这是最好的方法吗？

Answer 1

您可以使用名称，该名称也可用作多个单选按钮的组。我们可以使用类型，但它会将事件绑定到页面上的所有单选按钮。

$('input[name=group1]').change(function(){
   alert($(this).val());
})

Answer 2

像这样：工作演示 http://jsfiddle.net/VtcPB/1/

好读：http://api.jquery.com/attribute-equals-selector/

也像@Casper所说group使用：$('input[name ="group1"]') 演示 http://jsfiddle.net/VtcPB/2/

使用this.value代替$(this).val()

进行更优化http://jsfiddle.net/VtcPB/3/

或者更准确的另一个演示：http://jsfiddle.net/VtcPB/4/

希望这有帮助

<强>码

$("input:radio[name=group1]").click(function() {
    alert($(this).val());
});​

或

$('input[name ="group1"]').on('change',function(){
   alert(this.value);
})​

或

$('input[type="radio"]').on('change',function(){
   alert($(this).val());
})​

或

   <input type="radio" name="group1" value="Milk"> Milk<br>
    <input type="radio" name="group1" value="Butter"> Butter

$('input[type="radio"]').change(function(){
   alert($(this).val());
})

Answer 3

无线电类型输入的另一种方法：

$('input:radio[name=group1'].change(function()
{
    alert($(this).val());
}