Jquery单选按钮检查问题

时间:2018-02-07 23:04:43

标签: javascript jquery html

我使用Jquery将一组经过检查的单选按钮的值存储到一个变量中并且工作正常,但我遇到的问题是有人决定跳过这个问题(跳过集合)单选按钮 - 不要选择一个选项)变量中返回的值是“未定义的”#39;。如果有人决定跳过一组单选按钮,我想将值返回为空白(无值)。在Jquery中有一个简单的方法吗?

Jquery的:

`var raq1= $('input[type=radio][name=q1]:checked').val();`

HTML:

`<input type="radio"  name="q1" id="qn1i5" value="5">
 <input type="radio"  name="q1" id="qn1i4" value="4">
 <input type="radio"  name="q1" id="qn1i3" value="3">
 <input type="radio" name="q1" id="qn1i2" value="2">
 <input type="radio" name="q1" id="qn1i1" value="1">`

1 个答案:

答案 0 :(得分:0)

您要做的是检查$('input[type=radio][name=q1]:checked').val()是否存在。如果存在,请将该值设置为raq1。如果没有,您只需将raq1设置为空字符串。

可以使用以下 ternary

完成此操作
$('input[type=radio][name=q1]:checked').val() ? $('input[type=radio][name=q1]:checked').val() : ''

可以在以下内容中看到:

document.getElementsByTagName('button')[0].addEventListener("click", function() {
  var raq1 = $('input[type=radio][name=q1]:checked').val() ? $('input[type=radio][name=q1]:checked').val() : '';
  console.log(raq1);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" name="q1" id="qn1i5" value="5">
<input type="radio" name="q1" id="qn1i4" value="4">
<input type="radio" name="q1" id="qn1i3" value="3">
<input type="radio" name="q1" id="qn1i2" value="2">
<input type="radio" name="q1" id="qn1i1" value="1">

<button>Get Values</button>

希望这有帮助!