个人中心
gpt4 book ai didi

jQuery判断checkbox是否选中的3种方法

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 36 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章jQuery判断checkbox是否选中的3种方法由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

jQuery能够极大提高html的编写效率，其中checkbox的选中判断有几种:

1， $(checkbox的id).prop("checked") 返回的是一个boolean值类型 。

2， $(this).is(":checked") 返回的也是一个boolean值类型 。

下面举一个点击checkbox修改文本框属性的例子:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
< html >
< head >
< meta charset = "utf-8" >
< title >exp8_3</ title >
</ head >
 
< body >
 
< input type = "text" name = "first" id = "first" >< br >
< input type = "text" name = "second" id = "second" >< br >
< input type = "checkbox" name = "cb" id = "hide" value = "1" >< span id = "v0" >隐藏第三个文本框</ span >< br >
< input type = "checkbox" name = "cb" id = "ml" value = "2" >< span id = "v1" >变长第一个文本框</ span >< br >
< input type = "text" name = "third" id = "third" >
 
< script type = "text/javascript" src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></ script >
< script type = "application/javascript" >
var t1 = $("#first");
var t2 = $("#second");
var t3 = $("#third");
$(document).ready(function(e) {
   t2.mousedown(function(e) {//t2被鼠标按下后
     var str = t1.val();//获得t1的文本信息
         t2.val(str);//加载入t2的文本
   });  
     $("#hide").click(function(e) {
         //var flag = $(this).is(":checked");
     var flag = $(this).prop("checked");
         t3.toggle();//动态显示隐藏文本框
         if(flag)
             $("#v0").html("显示第三个文本框");
         else
             $("#v0").html("隐藏第三个文本框");
   });
     $("#ml").click(function(e) {
         var flag2 = $(this).prop("checked");
         if(flag2){
             t1.css('width','300px');
             $("#v1").html("变短第一个文本框");
         }
         else{
             t1.css('width','169px');
             $("#v1").html("变长第一个文本框"); 
         }
    
   });
});
</ script >
</ body >
</ html >

js判断checkbox是否选中 .checked不管用 。

今天开发遇到一个小问题，记小本本记小本本 。

document.getElementById("id").checked //正确 //如果返回值为true代表选中 //如果返回值为false代表未选中 document.getElementsByClassName("class").checked //不能得到ture,false这样的返回值 。

问题出在哪了呢，我用调试工具看一下 。

jQuery判断checkbox是否选中的3种方法

显而易见，用id取返回的是数组，用class取返回的是对象数组（即便他只有一个值） 所以应该这么写 document.getElementsByClassName("a1")[0].checked 。

下面的方式是补充 。

网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二:

方法一:

if ($("#checkbox-id")get(0).checked) {     // do something } 。

方法二:

if($('#checkbox-id').is(':checked')) {     // do something } 。

方法三:

if ($('#checkbox-id').attr('checked')) {     // do something } 。

这篇文章就介绍到这了，基本上没问题了吧，希望大家以后多多支持我.

最后此篇关于jQuery判断checkbox是否选中的3种方法的文章就讲到这里了,如果你想了解更多关于jQuery判断checkbox是否选中的3种方法的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

36 4 0
文章推荐： 解决VMware15 centos7 桥接模式ssh突然不能访问的问题
文章推荐： 详解Python网络爬虫功能的基本写法
文章推荐： windows 用VMware创建linux虚拟机安装CentOS7.2操作系统
文章推荐： Python3实现Web网页图片下载
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com