input checkbox 获取选中值和设置选中状态

获取选中值代码：

<input type="checkbox"  value="1" name="assess_mode" >
<input type="checkbox"  value="2" name="assess_mode" >function getValueCB(nodestr){var node = document.getElementsByName(nodestr);var nodeValue = [];var len = node.length;for (var i = 0; i < len; i++) {if (node[i].checked) {nodeValue.push(node[i].value);}}return nodeValue;
}getValueCB("assess_mode")

.
设置选中状态代码：

//values是上面获取选中值是存储的数组
function fillCB(values, nodestr){var node = document.getElementsByName(nodestr);var len = node.length;console.log(values);for (var i = 0; i < len; i++) {console.log(node[i].value);if (values.indexOf(node[i].value) > -1) {node[i].checked = true;}}
}

另外实时监听checkbox值变化的方法如下:

//这是监听页面上所有的checkbox控件点击事件
$(function() {$("input:checkbox").each(function () {$(this).click(function () {//console.log($(this))if ($(this)[0].checked == true) {console.log($(this).val());}})
});//这只监听页面上name为assess_mode的一组checkbox控件点击事件
$(function() {$("input:checkbox[name='assess_mode']").each(function () {$(this).click(function () {//console.log($(this))if ($(this)[0].checked == true) {console.log($(this).val());}})
});

本人开发中遇到一个bug，上述方法一直无效，，原来是因为copy代码的时候，原来的代码就定义了name字段，自己又重新定义了一个name字段，变成定义了2个name，搞得程序执行，结果一直异常！！

参考
https://blog.csdn.net/liuminyi1987/article/details/80609879

https://blog.csdn.net/qq_42729390/article/details/88928970

input checkbox 获取选中值和设置选中状态相关推荐

Js操作Select大全(取值、设置选中)
Js操作Select大全(取值.设置选中) Js操作Select是很常见的,也是比较实用的. jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自 ...
JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值...
//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的IDvar op ...
jq select 修改选中_「jquery select」jquery操作select(取值，设置选中） - seo实验室
jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料一.基础取值问题例如 1.设置value为pxx的项选中 $(".sele ...
chosen 设置选中值和清空选中值的方法
不能清除选中解决方法: $("#id").val("").trigger("chosen:updated"); 设置选中的值 $(&quo ...
java 获取属性值和设置属性值
/*** 获取属性值* @param obj* @param property* @return*/public static Object getObjProVal(Object obj, Stri ...
JavaScript文档对象模型document对象获取自定义属性值和设置移除自定义属性(5)
得出结论:element .属性只能获取内置对象属性值,而element.getAtrribute('属性')不仅可以获取内置对象属性值,还可以获取自定义属性值获得属性值案例: <!DOCTY ...
DOM—操作元素（获取属性值、设置属性值、移除属性）
1. 自定义属性的操作 1.1 获取属性值 element . 属性获取属性值:(元素本身自带的属性) element . getAttribute( ' 属性 ' ):(主要获取自定义的属 ...
JavaScript原生态获取DOM对象,获取属性值以及设置属性值
一.获取DOM对象(标签,元素,节点)的三种方法 1.document.getElementById(); 根据元素的id获取当前的标签例如 <p id="demo"& ...
DOTNET零碎要点---vb.net获取combox的选中值,删除Datagridview,选中值,处理提示框...
1.ComboBox.SelectedValue属性值转化到相应的类型就行注意ComboBox.SelectedValue==null时的空指针异常 3.str = ComboBox1.Select ...

input checkbox 获取选中值和设置选中状态

input checkbox 获取选中值和设置选中状态相关推荐

最新文章

热门文章