我使用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">`
答案 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>
希望这有帮助!