JavaScript中怎么獲取復(fù)選框的值

發(fā)布時(shí)間：2021-07-29 14:50:32 來源：億速云閱讀：175 作者：Leah 欄目：web開發(fā)

JavaScript中怎么獲取復(fù)選框的值，相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

使用JavaScript獲取復(fù)選框的值

<!DOCTYPE html>
<html>
<head>
<meta charset="GBK"> 
<title>獲取復(fù)選框的值</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
        $(function(){
            var byBrand = "";
                $("#but").click(function(){
                    var brandValueList = $('input[name="test"]:checked');
                    for (var i = 0; i < brandValueList.length; i++) {
                        byBrand = $(brandValueList[i]).val();
                        alert(byBrand);
                    }
                })
        })
</script>
</head>
<body>
<input type="checkbox" name="test" value="桃子"><span>桃子</span>
<input type="checkbox" name="test" value="杏子"><span>杏子</span>
<input type="checkbox" name="test" value="栗子"><span>栗子</span>
<input type="checkbox" name="test" value="荔枝"><span>荔枝</span>
<input id="but" type="button" value="提交">
</body>
</html>

看完上述內(nèi)容，你們掌握J(rèn)avaScript中怎么獲取復(fù)選框的值的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

JavaScript中怎么獲取復(fù)選框的值

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽