![js怎么取得name=checkbox[]的复选框选中个数,第1张](/aiimages/js%E6%80%8E%E4%B9%88%E5%8F%96%E5%BE%97name%3Dcheckbox%5B%5D%E7%9A%84%E5%A4%8D%E9%80%89%E6%A1%86%E9%80%89%E4%B8%AD%E4%B8%AA%E6%95%B0.png "js怎么取得name=checkbox[]的复选框选中个数,第1张")
1、获取复选框被选中值
<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />
$("#btn5")click(function(){
var str="";
$("[name='checkbox'][checked]")each(function(){
str+=$(this)val()+",";
})
$("#dd")val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数
<ul>
<li><input type="checkbox" name="test" />看电视</li>
<li><input type="checkbox" name="test" />看**</li>
<li><input type="checkbox" name="test" />上网</li>
<li><input type="checkbox" name="test" />爬山</li>
<li><input type="checkbox" name="test" />游乐场</li>
<li><input type="checkbox" name="test" />逛街</li>
<li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
<input type="button" id="count" value="有多少CheckBox被选中了？" />
<script type="text/javascript">
$(document)ready(function(){
$('input[type=checkbox]')click(function(){
$(this)attr('disabled','disabled');
if($("input[name='test']:checked")length >= 3)
{ $("input[name='test']")attr('disabled','disabled');}});
$("#count")click(function(){$('input')live('click',function(){
alert($('input:checked')length);
});})})
</script>
效果如图:
扩展资料：
JS日常用途
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies，包括创建和修改等。
基于Nodejs技术进行服务器端编程。
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 >
2．Javascript代码：
函数show（）｛
Obj文件。getElementsByName（“测试”）；
Check＿val＝［］；
For（kinobj）｛
如果（obj［k］。检查）
Check＿val。Push（obj［k］。值）；
｝
警报（check＿val）；
｝
扩展资料：
JQuery对复选框的各种 *** 作：
1．根据id获取复选框：
＄（＂＃cbCheckbox1＂）；
2．得到所有的复选框：
＄（＂input［type＝＇checkbox＇］＂）；／／或
＄（＂input［name＝＇cb＇］＂）；
3．获得所有选中的复选框：
＄（＂input：thecheckboxchecked＂）；／／或
＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或
＄（＂input［type＝＇checkbox］：checked＂）；／／或
＄（＂input：［name＝＇ck＇］：checked＂）；
怎么会不知道呢，每个给一个不同的值，获取的值，不就知道了么
当然，值要是重复的话，就不太好办了
那样的话，就做下处理，每个做个不同的id用js拼接，赋值隐藏域，后台处理下，也可以定位
通过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代码需要处理的方式。
参考资料：
把复选框的的名字都起一样 用form提交后 在action 接收那个名字 用String的数组接收 然后循环遍历就出来了如果不用form 提交 那就麻烦了 需要写 js代码 或 jquery代码 然后 把选中复选框的值手动拼接在url里 然后提交
把代码改一下：
function ch1() {
var st=documentgetElementsByName("check1");
alert(st[0]value);
alert(stlength);//获取数组长度，即多选框的选项个数
}
(PS:你可以通过
for(var i = 0;i < stlength;i++){
if(arrayID[i]checked){//被你选中的项
//可以对选中的项进行相应的 *** 作
}
)不知道能不能帮到你呢？
你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)
点击 checkbox，获取 parentNode (也就是 td)，tdcellIndex 就是所在列的键值
点击 checkbox，获取 parentNodeparentNode (也就是 tr)，trrowIndex 就是所在行的键值
<script type="text/javascript">// 点击
documentonclick = function(e) {
// 兼容 event 和 target
e = e || windowevent;
var target = etarget || esrcElement;
// 确认是 checkbox
if(targettagNametoLowerCase() === "input"
&& targettype === "checkbox") {
// 获取行列键值
var row_num = targetparentNodeparentNoderowIndex;
var col_num = targetparentNodecellIndex;
// 输出
alert(row_num + " " + col_num);
}
};
</script>
因为键值是从 0 开始，一般需要 +1 才是行列数，但因为你表单中第一行个第一列都是文字，所以不需要 +1 正好输出需要的数字，例如点击周四 + 6，会输出 4 6
楼主你为什么不用VS自带的控件呢 非要用HTML
而且你那个是<input type="checkbox" >
如果非要用HTML 控件要让后台访问到必须加入runat="server" 也就是
<input type="checkbox" runat="server" >
还是不明白的话整段代码给你吧
前台代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5aspxcs" Inherits="Default5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
以上就是关于js怎么取得name=checkbox[]的复选框选中个数全部的内容，包括:js怎么取得name=checkbox[]的复选框选中个数、jquery获取div中checkbox 选中的个数、java后台获取多个checkBox的选中状态。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）