jquery 如何选中table中的所有checkbox 求高手帮忙解答

jquery 如何选中table中的所有checkbox 求高手帮忙解答,第1张

$("table input[type=checkbox]")

就可以了

然后你就可以执行 $("table input[type=checkbox]")attr("checked",true) 全选之类的了

$("[name='checkbox'][checked]")

经过测试

发现上面的代码错误修改为

$("input:checkbox[name=checkbox]:checked'")

楼主你为什么不用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" ">

获取 checkbox的 选中个数可以直接使用如下jquery语法$("input[type='checkbox']:checked")length;

示例如下:

创建Html代码及css样式

<div> 

<input type="checkbox" name="fruit"> apple

<input type="checkbox" name="fruit"> orange

<input type="checkbox" name="fruit"> banana

<input type="checkbox" name="fruit"> watermelon<br>

<input type="button" value="I like these fruit!">

</div>div{width:500px;padding:20px;border:4px solid #ebcbbe;}

input{margin:10px 5px;}

jquery代码

$(function(){

$("input[type='button']")click(function() {

alert($("input[type='checkbox']:checked")length);

});

})

效果

获取 checkbox的选中个数可以直接使用如下jquery语法

$("input[type='checkbox']:checked")length;

实例演示如下

创建Html元素

<div class="box">

<span>点击按钮获取选中个数:</span><br>

<div class="content">

<input type="checkbox" name="test" >萝卜

<input type="checkbox" name="test" >青菜

<input type="checkbox" name="test" >小葱

<input type="checkbox" name="test" >豆腐

<input type="checkbox" name="test" >土豆

</div>

<input type="button" class="btn" value="获取被选择个数">

</div>

设置css样式

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px 10px;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

$(function(){

$("input:button")click(function() {

alert($("input[type='checkbox']:checked")length);

});

})

观察效果

以上就是关于jquery 如何选中table中的所有checkbox 求高手帮忙解答全部的内容,包括:jquery 如何选中table中的所有checkbox 求高手帮忙解答、jquery无法获取选中的checkbox所有值,怎么回事、获取页面中所有checkbox等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存