javascript - 请问 jQuery 怎么看单选框有没有被选中?
本文介绍了javascript - 请问 jQuery 怎么看单选框有没有被选中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
选出来,一直是 on 值,请怎么用jQuery 读取 单选框的值?
<div>
<input type="radio" name='one' id="danxuankuangshiyan1" />
<input type="radio" name='one' id="danxuankuangshiyan2" />
<button id='s1'>单选框1的值</button>
<button id='s2'>单选框2的值</button>
<br>
<span></span>
</div>
$("#s1").on("click",radioselect1);
$("#s2").on("click",radioselect2);
function radioselect1()
{
data = $(":radio[id=danxuankuangshiyan1]").val();
$("span").text(data);
}
function radioselect2()
{
data = $(":radio[id=danxuankuangshiyan2]").val();
$("span").text(data);
}
解决方案
你要分清楚你究竟是要获取 单选框的值
还是 单选框是否选中
,这是两个概念。
<input type="radio" name="one" id="r1" value="1">
<input type="radio" name="one" id="r2" value="2">
$("#s1").on("click",radioselect1);
$("#s2").on("click",radioselect2);
function radioselect1()
{
console.log($('#r1').val()) // 如果具体到某个单选框,那么无论是否选中值是不变的
console.log($('[name=one]:checked').val()) //使用 :checked 获取的是这一组中选中的那个值
console.log($('#r1').prop('checked')) // 通过 checked 获取是否选中
}
function radioselect2()
{
console.log($('#r2').val())
console.log($('[name=one]:checked').val())
console.log($('#r2').prop('checked'))
}
这篇关于javascript - 请问 jQuery 怎么看单选框有没有被选中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文