jquery如何獲取radio選中的值

養(yǎng)魚的貓咪
424
2021-05-19 18:27:14

使用jquery獲取radio選中值的方法：1.新建html項(xiàng)目，引入jquery；2.創(chuàng)建input單選框；3.添加button按鈕，綁定onclick點(diǎn)擊事件；4.通過checked選擇器獲取對(duì)象，使用val()方法獲取radio選中的值；


jquery如何獲取radio選中的值


具體步驟如下：

1.首先，新建一個(gè)html項(xiàng)目，并在項(xiàng)目中引入jquery；



<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在項(xiàng)目中創(chuàng)建兩個(gè)input單選框，用于測(cè)試；


<input type="radio" name="test" vakue="男" />
<input type="radio" name="test" vakue="女" />


3.input單選框創(chuàng)建好后，添加一個(gè)button按鈕，并綁定onclick點(diǎn)擊事件；


<button omClick="set()"></button>

4.最后，按鈕添加好后，在點(diǎn)擊事件中通過checked選擇器獲取對(duì)象，在使用val()方法即可獲取radio選中的值；


function set(){
var res = $('input[name="test"]:checked').val();
alert(res);
}


0 踩