JS中关于checkbox全选或全不选

最新推荐文章于 2019-07-02 10:22:28 发布
最新推荐文章于 2019-07-02 10:22:28 发布
阅读量73 收藏
点赞数
分类专栏： Web前端-综合 文章标签： jQuery JavaScript XHTML HTML ViewUI

对于下面这样的全选或者选不选的情况，大家日常会经常看到，总结在此，以便今后使用


具体代码

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CheckBox用法</title>
<script language="javascript">
function ss(checks)
{
var qx=document.getElementsByName("checkbox");
for(var i=0;i<qx.length;i++)
{
qx[i].checked=checks;
}

}
function aa(checked)
{
var qx=document.getElementsByName("checkbox");
for(var i=0;i<qx.length;i++)
{
if(qx[i].type="checkbox")
{
qx[i].checked=checked;
}
}
}
</script>
</head>

<body>
<form>
<input name="checkbox" type="checkbox" id="s1" />选择一<br/>
<input name="checkbox" type="checkbox" id="s2" />选择二<br/>
<input name="checkbox" type="checkbox" id="s3" />选择三<br/>
</form>
<a href="javascript:ss(true)">全选</a><br/>
<a href="javascript:ss(false)">全不选</a><br/>
<input name="checkbox1" type="checkbox" id="s4" οnclick="aa(this.checked)" />全选<br/>
</body>
</html>

 
 

iteye_9300
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现checkbox全选
chen254810107的专栏
04-19 770
function checkall(){ var allCheck = $("#allboxs").is("checked");// 取得全选checkbox是否被选中，如果选中为true，未选中为false if(allCheck){ var nameboxs = $("input[name^='boxs']");// 获取name值为boxs的所有input for(i=0; i n
jQuery实现CheckBox全选、全不选功能
10-20
下面我们将详细讨论如何使用jQuery实现CheckBox全选和全不选的功能。 首先，我们需要在HTML页面中设置一个主Checkbox，通常标记为全选（CheckAll），以及一组子Checkbox，代表具体的选项。这些子Checkbox通常会有一...
JS Checkbox全选
caibaoying的专栏
02-12 848
checkbox全选head>head>SCRIPT LANGUAGE="JavaScript"> Beginvar checkflag = "false";function check(field) {if (checkflag == "false") {for (i = 0; i field[i].checked = true;}checkflag = "true";return "fal
JS对checkbox全选和取消全选
aopiao5855的博客
03-08 197
需求：checkbox控制列表数据全选与取消全选择。 效果图： 1、html <body > <input type="button" name="inputfile" id="inputfile" value="点击导入" onclick="open();"/> <input type="file"...
js实现checkbox全选
liangshui999的博客
07-02 3201
checkbox选中状态主要是靠checked属性控制，js获取设置属性可以直接通过.来控制，或者通过getAttribute()，setAttribute()控制 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&l...
js checkbox全选
o0wufan0o的专栏
07-30 402
设计家园 网页教程 酷站欣赏 网页素材全选
ASP.NET Gridview与checkbox全选、全不选实现代码
10-29
ASP.NET Gridview checkbox全选与全不选实现代码，其实原理就是利用js来实现的，但需要简单的设置下回传。
jquery一键控制checkbox全选、反选或全不选
11-27
在jQuery中，对复选框（checkbox）进行全选、反选或全不选的操作是常见的需求，特别是在处理用户交互时。在这个例子中，我们看到一个利用jQuery实现的简单示例，通过三个独立的事件处理器来实现这些功能。以下是详细...
jquery实现checkbox 全选/全不选的通用写法
10-26
总结来说，jQuery实现checkbox全选/全不选的通用写法主要包含以下步骤： 1. 使用jQuery选择器获取所有需要操作的复选框。 2. 遍历这些复选框，根据全选按钮的状态设置每个复选框的`checked`属性。 3. 提供一个辅助...
利用jQuery实现CheckBox全选/全不选/反选的简单代码
11-24
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug，经测试jquery-1.3.1.js–>测试通过，jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下： <%@ page language="java" ...
js实现checkbox 全选和取消
07-16
js实现checkbox 全选和取消 自己亲测可以使用
JS实现CheckBox复选框全选、不选或全不选功能
11-22
CheckBox控件表明一个特定的状态（即选项）是选定 (on，值为1) 还是清除 (off，值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作，所以用户可以同时选择任意多个 CheckBox，进行选项组合。 CheckBox复选框JS实现全选、不选、全不选功能，很简单，具体内容如下 思路： 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的checked设置为false即实
基于JS实现checkbox全选功能实例代码
11-28
需求：要求实现点击全选选中所有菜单，再次点击全选取消选中。此功能经常会用户，下面小编给大家分享下实现代码，一起看看吧！ 效果图如下： 点击全选之前： 点击全选之后： 再次点击全选之后： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="checkbox" onclick="quanxuan()">全选 <input type="checkbox" name="nation">唱歌 <input type
js 实现checkbox 全选
大蘑菇
01-16 86
[code="js"] test function test() { alert('start..'); var cb =document.frm.elements; for(var i=0;i
JS 全选选择
甘乐2333的博客
05-28 213
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="checkbox" name="hobby" i...
js实现checkbox全选功能
xiaoLong2345的博客
10-28 603
本人小白一枚，发表文章只是为了共同学习。
js全选checkbox按钮
fireflyindark的专栏
11-18 667
[code="html"] function onSelectAll() { for(var i = 0;i
js checkBox一键全选
fs的专栏
09-11 1556
input type="checkbox" ID=" # Eval("UserID") %> " name ="CheckBox" value ="# Eval("UserID") %>"/> script type="text/javascript">    var checkflag = "true" ;    function checkAll()
jq实现checkbox全选全不选
最新发布
05-23
你可以使用以下的代码来实现checkbox全选/全不选的功能： ```javascript // 全选/全不选 $('#all').click(function() { $('input[name="checkbox"]').prop('checked', this.checked); }); // 单个checkbox点击...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值