您的位置:首页 > 其它

获取checkbox复选框的值

2015-07-01 12:16 288 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ChiangFai/article/details/84730744
<title>CheckBox</title>
<script type = "text/javascript">
doGetVal: function  doGetVal()
{
//var fruitName = document.getElementById("apple").value;//根据ID获取值
//alert(fruitName);
//
var fruit = document.getElementsByName("fruit"); //根据Name拿到集合数组
for (var i=0;i<fruit.length;i++ )
{
if (fruit[i].checked)//checkbox是否选中
{
var fruitName = fruit[i].value;
alert(fruitName);
}
}
}
</script>
</head>
<body>
<div align="left">
<input type = "checkBox" id="apple" name="fruit" value="apple"/>apple<br>
<input type = "checkBox" name="fruit" value="watermelon"/>watermelon<br>
<input type = "checkBox" name="fruit" value="strawberry"/>strawberry<br>
<input type = "button" onclick="doGetVal()" value = "click"/>
</div>
</body>
</html>

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: