您是怎么解决“vs2005中怎样用js获取treeview控件checkbox被选中的节点的value值和文本的值”谢谢指教下

您是怎么解决“vs2005中怎样用js获取treeview控件checkbox被选中的节点的value值和文本的值”谢谢指教下,第1张

首先有树

然后设ie9为默认浏览器

然后Ctrl+Shift+W

然后选中一个节点

然后按F12 跳出开发者工具

然后按Ctrl+B去抓页面上的元素 获得ID 等信息

比较选中和未选中的差异即可

以上方法在net 服务器端控件中通用

//不知道你这些checkbox、input是如何命名的,如果一个一个的取,可以用id:

if(documentgetElementById("checkbox1")checked){

var

input1Value=documentgetElementById("input11")value;

}

//如果一次性全部获取,可以用name和循环:

var

inputValue={};

for(var

i=0;i<documentgetElementsByName("checkboxName")length;i++){

if(documentgetElementsByName("checkboxName")[i]checked){

inputValue[i]=documentgetElementsByName("inputName")[i]value;

}

}

通常情况下,我们可能会用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:

$name=$_POST['user_name'];

$pwd=md5($_POST['user_pwd']);

$phone=$_POST['user_phone'];

$email=$_POST['user_email'];

$query="call pro_reg('$name','$pwd','$phone','$email')";

$result=$pdo->prepare($query);

if($result->execute())

{

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]);          // 就把那个元素加入到上面定义的数组中

}  

}

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

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

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

documentgetElementById("xxx1")checked

判断这个值是否是true。

思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。

实例演示如下:

1、HTML结构

<input type="checkbox" name="test" value="1"/><span>1</span>

<input type="checkbox" name="test" value="2"/><span>2</span>

<input type="checkbox" name="test" value="3"/><span>3</span>

<input type="checkbox" name="test" value="4"/><span>4</span>

<input type="checkbox" name="test" value="5"/><span>5</span>

<input type='button' value='提交' onclick="fun()"/>

2、javascript代码

function fun(){

    obj = documentgetElementsByName("test");

    check_val = [];

    for(k in obj){

        if(obj[k]checked)

            check_valpush(obj[k]value);

    }

    alert(check_val);

}

3、演示效果

以上就是关于您是怎么解决“vs2005中怎样用js获取treeview控件checkbox被选中的节点的value值和文本的值”谢谢指教下全部的内容,包括:您是怎么解决“vs2005中怎样用js获取treeview控件checkbox被选中的节点的value值和文本的值”谢谢指教下、js中checkbox选中的同时获取文本框百分比的值,怎么获取、vue中如何获取选中的checkbox的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9303586.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存