请问 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);

        }


白衣染霜花
浏览 961回答 1
1回答

互换的青春

你要分清楚你究竟是要获取&nbsp;单选框的值&nbsp;还是&nbsp;单选框是否选中,这是两个概念。<input&nbsp;type="radio"&nbsp;name="one"&nbsp;id="r1"&nbsp;value="1"> <input&nbsp;type="radio"&nbsp;name="one"&nbsp;id="r2"&nbsp;value="2">$("#s1").on("click",radioselect1); $("#s2").on("click",radioselect2);function&nbsp;radioselect1(){&nbsp;&nbsp;&nbsp;&nbsp;console.log($('#r1').val())&nbsp;&nbsp;//&nbsp;如果具体到某个单选框,那么无论是否选中值是不变的 &nbsp;&nbsp;&nbsp;&nbsp;console.log($('[name=one]:checked').val())&nbsp;&nbsp;//使用&nbsp;:checked&nbsp;获取的是这一组中选中的那个值 &nbsp;&nbsp;&nbsp;&nbsp;console.log($('#r1').prop('checked'))&nbsp;//&nbsp;通过&nbsp;checked&nbsp;获取是否选中}function&nbsp;radioselect2(){&nbsp;&nbsp;&nbsp;&nbsp;console.log($('#r2').val())&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;console.log($('[name=one]:checked').val())&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;console.log($('#r2').prop('checked'))&nbsp; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript