關於JqueryCheck選中獲取數據
阿新 • • 發佈:2019-01-03
strong new -a UNC 個數 tel jquer ++ onclick
關於Jquery獲取Check選中數據
首先還是得引用Jquery的包,然後新增3個CheckBox
<div> <input type="checkbox" name="Check" value="1" checked /> <input type="checkbox" name="Check" value="2" /> <input type="checkbox" name="Check" value="3" checked /> <input type="button" value="你選中的個數" id="btn" /> </div>
<script type="text/javascript">
$(document).ready(function () {
var btn = document.getElementById("btn"); //獲取id為btn的元素
btn.onclick=function () { //給元素添加onclick事件
var arraycheck = new Array();
var itemcheck = document.getElementsByName("Check");
for (var i = 0; i < itemcheck.length; i++) {
if (itemcheck[i].checked)
{
arraycheck.push(itemcheck[i].value);
}
}
console.log(arraycheck);
alert("你選中的個數為:"+arraycheck.length);
};
});
</script>
關於JqueryCheck選中獲取數據