js如何获得checkbox列表当前checkbox的索引值

js如何获得checkbox列表当前checkbox的索引值,第1张

checkbox没有索引值 只能拿到value 可以通过value 计算出是第几个checkbox被选中

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

你要用js获取服务器控件checkbox的值首先要给该控件设一个ClientID,因为原ID通过GridView的转换会发生变化的。在模板中的checkbox可以设置class,然后用js的getElementById获取全选那个复选框的Onchange事件触发。

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技术进行服务器端编程。

以上就是关于js如何获得checkbox列表当前checkbox的索引值全部的内容,包括:js如何获得checkbox列表当前checkbox的索引值、Form内用js获取已选择的checkbox的name="",并相加。、用JS获取gridview中的服务器控件checkbox控件,我先实现全选的功能。但是不知道获取复选框控件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存