js如何获取checkboxlist里面每一项的值和文本

为什么问JS的都不给分难怪都没人回

<script>

<!--

function getData(){

var val=new Array();//声明一个数组保存结果

var chk=documentgetElementsByTagName("input");//取出所有input标签

for(var ii=0;ii<chklength;ii++){//循环

if(chk[ii]type=='checkbox'){//判断是不是checkbox

valpush(chk[ii]value);//将它的值添加到结果中

}

}

return val;//返回结果

}

//-->

</script>

<input type=checkbox value="1">

<input type=checkbox value="2">

<input type=checkbox value="3">

<input type=checkbox value="4">

var domList = documentgetElementsByTagName(‘input’)  // checkbox属于input，所以通过getElementsByTagName即标签名获取所有的input数组，包含文本框text，单选按钮radio，复选框checkbox等等

var checkBoxList = [];  // 定义一个存储checkbox的空数组

var len = domListlength;//缓存到局部变量  // 第一步获取的数组的长度

while (len--) {//使用while的效率会比for循环更高   // 开始循环判断

if (domList[len]type == ‘checkbox’) {   // 如果类型为checkbox即为题目所需的复选框

  checkBoxListpush(domList[len]);          // 就把那个元素加入到上面定义的数组中

}  

}

不太明白您的意思。是不是可以用控件名字做下手脚。checkbox_1、text_1_1、text_1_2是一组，checkbox_2、text_2_1、text_2_2是一组，这样写JS时可以通过选中的checkbox找到相对应的text

没看清是winform，反正道理差不多，在后台写一样。

通常情况下，我们可能会用v-for循环出一堆checkbox，提交数据的时候需要去获取选中的checkbox的value值，之前我的获取方式是给checkbox添加点击事件，这样确实能解决问题，但是总觉得有更好的办法，因为同为form表单元素的文本框就可以使用v-model来实现数据双向绑定，难道checkbox不能实现数据双向绑定吗？

呵呵哒，真的可以，我一直都不知道。。。。。。。。。

<input  type="checkbox"  v-model="checkFlag">

data () {

    return {

            checkFlag: true    //checkbox默认选中

    }

}

上面是最简单的用法，那如果使用场景是：购物车里循环遍历了所有用户添加的商品，用户选中一些商品，去结算，我们需要在结算的时候获取所有选中的checkbox的value值；

页面的大概效果如下：

这里我们给checkbox绑上了v-model的属性，以及value属性，checkedArr是一个数组，用来放选中的itemname，当checkbox选中或者取消都会触发v-model绑定的checkedArr值变化；

强调最重要的一点，v-model会在checkbox选中的时候，自动将当前的value值push进数组；在取消checkbox的时候，自动将当前的value值pop出数组。

以下是依次选中四个商品，然后取消商品4，打印的checkedArr的值

至于全选按钮什么时候选中，那我们可以watch一下checkedArr：

<input type="checkbox" name="checkbox2" value="1" id="xxx1"/>

value是一样可以用value取的。value值就是 value="1" 中的1

但是一般除了这个值以外，我们先要关注的都是这个checkbox是不是选中了。

documentgetElementById("xxx1")checked

判断这个值是否是true。

void GetSelectedTreeNode(TreeNodeCollection nodes,List<TreeNode> selectedNodes)

{

foreach(TreeNode node in nodes)

{

if(nodeChecked)

{

selectedNodesAdd(node);

}

GetSelectedTreeNode(node,selectedNodes);

}

}

最后在selectedNodes中是所有选中的TreeNode，如有别的需求，改一下代码就行了

只能在前台页面中手动加入要传到后台的数据

在checkbox标签加一个rowid属性,这个属性值就是id值,而同行的其它input标签的id属性值就用属性值+id值,用于区分,例如,id为30000000000这行,更新时间文本框的id属性值为time30000000000,

当checkbox被点击时判断是不是被选中,如果被选中,通过documentgetElementById("time30000000000")value获得选中行的更新时间,以及自动更新,在js代码中将要传到后台的数据拼到一起再发送到后台

以上就是关于js如何获取checkboxlist里面每一项的值和文本全部的内容，包括:js如何获取checkboxlist里面每一项的值和文本、javascript题目：获取所有的checkbox、C#winform 有很多checkbox 每个checkbox后有一个text文本（放数据）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！