Question

我正在尝试检索所选单选按钮的值，但获取未定义的值，为什么？这是我的代码：

$(document).ready(function(){

 /* var col = document.querySelector('input[name="color"]:checked').value();(didn't work either) */

var col = $('input[name=color]:checked').val();

/* printing value (giving me undefined) */

document.write(col);

 Please pick your colour <br>
<input type = "radio" name="color" value="red">Red<br>
<input type = "radio" name="color" value="blue">blue<br>
<input type = "radio" name="color" value="green">green<br>
<input type = "radio" name="color" value="yellow">yellow<br>

Answer 1

尝试：

var col = $('input:radio[name=color]:checked').val();

Answer 2

如果您在文档就绪时尝试执行此操作，则没有结果，因为没有检查任何内容。要在更改时获取已检查的项目：

$("input[name='color']").click(function(){    
    var col = $(this).val();
    console.log(col);
});

Answer 3

您未定义的原因是在文档准备就绪时未选择任何内容。如果要加载值，则必须给出checked属性。

如果您在点击时尝试获取该值，则需要有一个点击处理程序。以下是绑定click事件的示例。

http://jsfiddle.net/4f7kC/

如果您只想获取加载值，只需将checked =“checked”添加到其中任何一个单选按钮，如<input type = "radio" name="color" value="yellow" checked="checked">yellow<br>

检索单选按钮的值

3 个答案: