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

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/

或者更优化的http://jsfiddle.net/VtcPB/3/ 使用this.value而不是$(this).val()

或者另一个更准确的演示：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());
}