实现表单checkbox获取已选择的值js代码

时间：2022-11-14 22:03:26 编辑：袖梨来源：一聚教程网

原生态的js写法

从一个表单checkbox获取到已选中的数据值：

代码如下

复制代码

aa
bb
cc
dd

采用原生JS写法：

function checkedValues(){
var arr=new Array();
var checkbox=document.getElementByName('cb');
for(var i=0;i if(checkbox[i].checked==true){
arr.push(checkbox[i].value);
alert(checkbox[i].value);
}
}
}

上面是js了，现在我们来看看流行的jquery

/*获取复选框的值*/

代码如下	复制代码
var checkboxval = $("#checkbox_id").attr("value")；

例

代码如下	复制代码
c1 c2 c3 c4

jquery代码

代码如下	复制代码
$("#cButtonId").click(function(){//获取checkBox对象 var Check = ''; var checkedObj = $("[name='checkboxId'][@checked]");//获取当前checked的value值如果选中多个则循环 checkedObj.each(function(){var isCheck = this.value;Check += isCheck; }); $("#cResult").html("结果:"+Check); });

实例表明，掌握jQuery的object对象调用对于获取表单元素非常有用，可以获取下拉框selected值，复/单选框checked值，文本text的value值，增强我们制作表单元素的交互性与灵活性,更多内容可参考：http://www.111com.net/wy/jquery/47153.htm

推荐专题

最新下载

热门教程

实现表单checkbox获取已选择的值js代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程