如何接收html的checkbox的值,checkbox是多选的

如何接收html的checkbox的值,checkbox是多选的,第1张

我就用代码,给你展示一下答案吧:

<script language=Javascript>

function GetCheckBoxValue()

{

var str="";

var chk=documentgetElementsByName("CheckBox1");//假设你CheckBox的名称是CheckBox1

for(var i=0;i<chklength;i++)

{

if(chk[i]checked)

{

str+=chk[i]value+",";//得到用逗号分割的字符串

}

}

}

</script>

<input type="checkbox" name="Checkbox2" id="Checkbox2" value="<%#Eval("c1_id")ToString() %>">

后台用

string d = Request["Checkbox2"]ToString(); 获取到的就是选中的checkbox的value,value之间会以逗号隔开

通过jquery过滤器:checked方式获取所有选中的checkbox

1、定义页面checkbox框,代码如下:

<body>

<input type='checkbox'/>

<input type='checkbox'/>

<input type='checkbox'/>

</body>

2、通过jquery过滤器选择选中的checkbox,代码如下:

var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组

3、通过chks的长度知道多少被选中,代码如下:

var len = chkslength;//选中的checkbox数量

扩展资料

jQuery语言的特点:

1、快速获取文档元素

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

2、提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

3、创建AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

4、提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等 *** 作。

5、增强的事件处理

jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

6、更改网页内容

jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。

参考资料:

百度百科-jQuery

在html的checkbox里,选中的话会有属性checked="checked"。

如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($("#xxx")attr("checked")),会打印出"true",而不是"checked"!

用jq来实现:

$('#select-all')click(function(event) {

if(thischecked) {

// Iterate each checkbox

$(':checkbox')each(function() {

thischecked = true;

});

}});

第一种本身就不建议你使用,因为那个是JScript语法,不是标准的Javascript语法,所以只限在IE下使用。而FF不支持。

第一个的道理,和第二个错误的差不多

第二种的话,是获取该文档里的name名为opt的对象,如果对象存在多个,则获取到的是一个集合,如果对象只有一个,则获取该对象。

如果你只有一个,那么获取到的就是单个对象,而单个对象,不存在length这个属性的,除非是字符串对象,才有这个属性

其实第一个就是第二个,只是第一个是微软的JScript语法而已

原理一样一样一样的。但是第二个只获取表单,只针对表单有效,第一句的话,是针对整个页面文档有效

第三种方法,无论对象的多少,获取到的都是一个数组,只是数组的长度为1或者为n而已。所以你第三种方法无论哪种情况都正确

按Javascript的(你的第二种语法),只限制表单下允许搜索name,理论上,按W3C原则,非表单元素,不存在name属性的Tag标签,所以也就不存在搜索文档内的非表单元素的name

Javascript和W3C的XHTML10(或更高)标准规范文档差不多挂勾的。

补充:还有不明白可以密我,满意请给好评哦

function check_black()

{

var blackName = documentgetElementsByName("复选框的name");

for(var i = 0; i < blackNamelength; i++)

{

if(blackName[i]checked == true)

{

var a = blackName[i]value;

alert(a);

}

}

}

</script>

以上就是关于如何接收html的checkbox的值,checkbox是多选的全部的内容,包括:如何接收html的checkbox的值,checkbox是多选的、怎么获取checkbox(html)中value的值(asp.net)、jquery如何取得页面有多少选中的checkbox等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9324348.html

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

发表评论

登录后才能评论

评论列表(0条)

保存