jquery,js,checkbox多选框复选框取值和赋值
来源:互联网 发布:网络性能评测指标 编辑:程序博客网 时间:2024/06/06 07:45
今天一个同事不太会多选框的取值和赋值的问题,我帮他解决了一下,不想自己想的朋友可以参考一下。
获取checkBox的值,checkBox的html如下
<input type="checkbox" value="1" name="sProblem">check1<input type="checkbox" value="2" name="sProblem">check2<input type="checkbox" value="3" name="sProblem">check3<input type="checkbox" value="4" name="sProblem">check4获取选中的checkbox的val,并合成为一个字符串以逗号隔开。
function getTheCheckBoxValue(){var test = $("input[name='sProblem']:checked");var checkBoxValue = ""; test.each(function(){checkBoxValue1 += $(this).val()+",";})checkBoxValue = checkBoxValue.substring(0,checkBoxValue.length-1);
设置传过来的checkbox的值并选中。传过来的是1,2,3,说明选中的是value为1,2,3的三个checkbox。如果前面不是123这种数字,是其他的字符也是支持的。
function setTheCheckBoxValue(){var checkBox = "1,2,3";var checkBoxArray = checkBox.split(",");for(var i=0;i<checkBoxArray.length;i++){$("input[name='sProblem']").each(function(){if($(this).val()==checkBoxArray[i]){$(this).attr("checked","checked");}})}}
设置的这个方法是有缺陷的,如果checkbox过多不建议用,可以将each换成for循环来代替,减少无用的循环。
0 0
- jquery,js,checkbox多选框复选框取值和赋值
- jquery checkbox取值和赋值
- js复选框checkbox
- checkbox复选事件js
- checkbox js----复选框
- CheckBox获取值和赋值,使用js
- checkbox 和 radio 单选和复选,js取值
- Jquery操作复选框(CheckBox)的取值赋值实现代码
- Jquery操作复选框(CheckBox)的取值赋值实现代码
- Jquery操作复选框(CheckBox)的取值赋值实现代码
- 使用jquery实现 checkbox复选框全选和全不选
- jquery对radio单选框和CheckBox复选框的操作
- 全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
- jquery操作复选框checkbox
- JQuery checkbox复选框操作
- jquery操作复选框(checkbox)
- 【jQuery】:checkbox复选框选择器
- jquery操作复选框(checkbox)
- Intent中的四个重要属性——Action、Data、Category、Extras
- C++——KMP算法例题——Oulipo(POJ3461)
- 小记
- Java基本概念-错误页面的配置
- 服务器机制模拟(NIO)
- jquery,js,checkbox多选框复选框取值和赋值
- Java synchronized关键字用法(清晰易懂)
- Android Studio 安装应用失败总结
- 设计模式之观察者模式
- ssh框架项目下的购物车模块
- c++ prime 课后题 文本查询程序
- AngularJs checkbox绑定
- Find All Numbers Disappeared in an Array
- 网络深度教学