原生JS实现表单checkbook获取已选择的值
2013-07-21 00:00
567 查看
从一个表单checkbox获取到已选中的数据值:
采用原生JS写法:
<input type="checkbox" name="cb" value="1" />aa <input type="checkbox" name="cb" value="2" />bb <input type="checkbox" name="cb" value="3" />cc <input type="checkbox" name="cb" value="4" />dd <br/> <input type="button" value="提交" onclick="checkedValues()" />
采用原生JS写法:
function checkedValues(){ var arr=new Array(); var checkbox=document.getElementByName('cb'); for(var i=0;i<checkbox.length();i++){ if(checkbox[i].checked==true){ arr.push(checkbox[i].value); alert(checkbox[i].value); } } }
相关文章推荐
- 原生JS实现表单checkbook获取已选择的值
- 原生js实现获取form表单数据
- 原生js实现form表单序列化
- 原生js实现form表单序列化的方法
- 原生JS实现获取及修改CSS样式的方法
- 原生js实现shift/ctrl/alt按键的获取
- 原生JS获取元素的位置与尺寸实现方法
- JS原生方式动态获取表单的值
- 原生js实现跨浏览器获取鼠标按键的值
- js与原生 获取标签 里面的内容区别和checkbox name不一样至少选择一项
- 原生js实现shift/ctrl/alt按键的获取
- 表单checkbook获取已选择的值
- JS实现动态的日期选择表单
- js表单中选择框值的获取及表单的序列化
- 原生JS实现左右箭头选择日期实例代码
- js表单处理中单选、多选、选择框值的获取及表单的序列化,js序列化
- 原生JS实现获取随机验证码
- js表单处理中单选、多选、选择框值的获取及表单的序列化
- 原生js实现表单验证(提交后验证)