操作checkbox

最新推荐文章于 2021-11-07 22:10:12 发布
最新推荐文章于 2021-11-07 22:10:12 发布
阅读量518 收藏
点赞数
分类专栏： 12_html 11_js 文章标签： function html c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/6924688
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>checkbox用法</title>
    <script type="text/javascript" src="jquery-1.2.1.js"></script>
    <script>
        //第一种选中的方式 : 根据元素的ID获取元素   id不能重复所以直接查找到的是元素本身
        function selectByID() {
            document.getElementById("c1").checked = true;
        }
        function unselectByID() {
            document.getElementById("c1").checked = false;
        }
        function getStatusByID() {
            alert(document.getElementById("c1").checked ? true : false);
        }

        //第二种选中的方式 : 根据元素的名称获取元素  元素的名称可以重复,所以如果想要精确的找到某个元素必须要加上它的下标
        function selectByN() {
            document.getElementsByName("c1")[0].checked= true;
        }
        function unselectByN() {
            document.getElementsByName("c1")[0].checked = false;
        }
        function getStatusByN() {
            alert(document.getElementsByName("c1")[0].checked ? true : false);
        }
    </script>


</head>
<body>
<input type="checkbox" id="c1" name="c1"><br>
通过元素的ID进行操作<br>
<a href="#" οnclick="selectByID()">选中</a><br>
<a href="#" οnclick="unselectByID()">不选</a><br>
<a href="#" οnclick="getStatusByID()">获取当前的状态</a>
<hr>
通过元素的名称进行操作<br>
<a href="#" οnclick="selectByN()">选中</a><br>
<a href="#" οnclick="unselectByN()">不选</a><br>
<a href="#" οnclick="getStatusByN()">获取当前的状态</a>
</body>
</html>

信行合一
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery操作checkbox的常用方法总结【附测试源码下载】
10-16
在涉及到用户交互，特别是涉及复选框（checkbox）的操作时，jQuery 提供了一些高效的方法。本文将深入讲解如何使用 jQuery 来操作 checkbox，并通过实例代码展示全选、取消、反选和获取已选值等常见操作。 1. **...
jQuery操作checkbox
02-21
本篇文章将深入探讨如何使用jQuery来操作checkbox元素，包括多选、全选和反选等常见功能。 一、jQuery选择checkbox 在jQuery中，我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定...
checkbox使用
彻底拆分，一切可控！
04-14 603
Untitled Document function check(){ document.getElementById("mycb1").checked=true; } function uncheck(){ document.getElementById("mycb1").checked=false; } function query(){
jQuery操作Checkbox
天高任鸟飞
06-23 639
页面离不开表格，表格肯定会有Checkbox列 jQuery操作checkbox，控制选中，或者取消选中 全选，反选 表格checkbox列，最上面有两个按钮 // 全选 table.find(".check-all").off("click").on("click", function () { var checkAll = $(this); if (checkAll.t...
使用js操作checkbox
fengzhen8023
07-31 3万+
我们在项目中经常会遇到这个问题：使用js判断checkbox框是否被选中以及使用js对checkbox进行操作。 其实这些需求很简单，这里给出使用原生js和jQuery来完成这些需求。 一.使用原生JavaScript判断是否选中checkbox框 &amp;lt;input type=&quot;checkbox&quot; id=&quot;test&quot; class=&quot;test&quot;&amp
jquery 操作 checkbox 相关方法
悟世君子的博客
11-29 1362
使用 jquery 操作 checkbox ，相关方法如下 1、设置 checkbox 选中 使用prop("checked", true) 方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.min.js"&g..
angularjs操作CheckBox单选、多选、全选、反选
qq_45559762的博客
04-20 1593
angularjs操作CheckBox单选、多选、全选、反选 **应用场景：**分页查询出列表
selenium核心技术之：操作checkbox和radiobox
aovenus的专栏-测试新时代（微信公众号：测试新时代）
11-07 1095
form表单中经常涉及复选框（checkbox）和单选框（radiobox），如用户的爱好跑步、游泳、跳舞可以使用复选框，性别男、女可以使用单选框。 （1）checkbox选择或反选：使用click()方法 （2）radiobox有相同的名称，多个值，可先通过名称获得，再通过值判断，选择使用click()方法。 示例页面： 页面代码： <!DOCTYPE html> <html lang="en"> <head> ...
jq操作checkbox
qq_28918357的博客
06-20 242
jq操作checkbox $(’.select-box’).find(‘input[type=“checkbox”]:checked’).each(function(i, item){ item.checked = false }) // 其中item 为js dom
JQ操作checkbox
weixin_44890199的博客
12-16 519
//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop 1、根据id获取checkbox $("#checkbox1"); 2、获取所有的checkbox $("input[type='checkbox']"); $("input[name='cb']"); 3、获取所有选中的che...
selenium-操作checkbox
weixin_43141153的博客
12-04 2927
#操作checkbox # from selenium import webdriver # from lxml import etree # import time # # driver=webdriver.Chrome() # driver.get("https://www.douban.com/") # # remeberBtn=driver.find_element_by_name("re...
jquery、js操作checkbox全选反选
10-26
上述代码创建了三个具有相同 `name` 属性（TheID）的 checkbox，这样我们就可以通过这个属性来批量操作它们。 接下来，我们将介绍如何使用 jQuery 实现全选和反选功能。在 jQuery 中，我们可以使用 `$()` 函数选择...
jquery操作checkbox示例分享
10-25
主要介绍了jquery操作checkbox,需要的朋友可以参考下
jQuery操作CheckBox的方法介绍(选中,取消,取值)
10-26
在本文中，我们将深入探讨如何使用jQuery来操作CheckBox（复选框）元素，包括选中、取消选中和获取选中项的值。 首先，我们需要确保页面中已经引入了jQuery库。在示例代码中，通过以下方式引入了jQuery： ```html ...
批量操作checkbox
weixin_30892763的博客
07-29 309
通过post可获取选中的checkbox的value值，然后可以action到某一页面通过$_POST[]处理得到的checkbox的值，然后进行批量化增删改查等操作。 // 关键性语句： <input type='checkbox' name='ck[]' class='ck' value='{$stu_num}'/> <form action='执行操...
input 中 radio的使用
热门推荐
彻底拆分，一切可控！
10-20 4万+
在使用input的radio元素的时候,需要特别注意的一点是它的顺序,如果不注意顺序的话,那你就会被它该搞死的.如下所示:                 function select1() {             document.getElementsByName("b")[0].checked = true;             alert(document.
html验证码生成
彻底拆分，一切可控！
03-12 2万+
生成验证码 function createCode(len) { var seed = new Array( 'abcdefghijklmnopqrstuvwxyz', 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
javascript 获取鼠标点击的元素
彻底拆分，一切可控！
04-15 2万+
Untitled Document function show_element(e){ if(!e){ var e = window.event; } //获取事件点击元素 var targ = e.target; //获取元素名称 var tname = ta
checkbox的使用
最新发布
09-22
2. JavaScript操作：可以使用JavaScript或jQuery来操作checkbox。通过获取checkbox的属性或使用相关函数，可以判断checkbox是否被选中、设置checkbox的选中状态、获取选中的值等。 3. 批量操作：可以通过给checkbox...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值