首頁猿問請問 jQuery...

請問 jQuery 怎么看單選框有沒有被選中?

JavaScript

白衣染霜花 2018-08-07 11:10:27

選出來,一直是 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); }

查看完整描述

1 回答

互換的青春

TA貢獻1797條經(jīng)驗獲得超6個贊

你要分清楚你究竟是要獲取 單選框的值 還是 單選框是否選中，這是兩個概念。

<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')) 

}

反對回復 2018-09-19