Jquery獲取radio單選按鈕的value與后面的文字


一組單選按鈕如圖:

<input name="classId" value="8afa94f45ba3e2c1015ba3fac6c00000" type="radio">1班
<input name="classId" value="8afa94f45bacf46c015bacf860cd0000" type="radio">2班
<input name="classId" value="8afa94f45bacf46c015bacf8e7f60001" type="radio">3班
<input name="classId" value="8afa94f45bacf46c015bacf914be0002" type="radio">4班
<input name="classId" value="402881905bcbdb30015bcbf3c4a10005" type="radio">5班

  

  

我們希望獲取的是:value值”8afa94f45ba31dce015ba32432570001”  與 文字:“1班”

獲取代碼如下:

 var value= $("input[name='classId']:checked").val();
 var radioName = $("input[name='classId']:checked")[0].nextSibling.nodeValue;

  

另一種寫法:

 (1)

若html為:<input type="radio" id="test" name=“test”  value="8afa94f45ba31dce015ba32432570001" /><span>1班</span>
js為:
$("input[name='test']:checked").next("span").text()
(2)
若html為:
<input type="radio" id="test" name="test" value="8afa94f45ba31dce015ba32432570001" /> <label for="test">2班</label>
js為:
$("input[name='test']:checked").next("label").text()
 
 
        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM