一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > jquery

推荐专题

最新下载

热门教程

实现表单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

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理