jquery怎么样判断checkbox是否选中


本文摘自PHP中文网,作者coldplay.xixi,侵删。

jquery判断checkbox是否选中的方法:1、判断【$(checkbox的id).prop("checked")】返回的是一个boolean值类型;2、判断【$(this).is(":checked")】返回的也是boolean值。

本教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

推荐:jquery视频教程

jquery判断checkbox是否选中的方法:

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>

相关免费学习推荐:javascript(视频)

以上就是jquery怎么样判断checkbox是否选中的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery如何动态添加删除css样式?(代码示例)

jQuery获取class属性的值

jQuery怎么生成元素

jQuery on和bind的区别是什么

jQuery 如何判断 是否相等

jQuery css 如何获取不带单位的属性值

jQuery mobile怎么样

数组长度用size还是length

jQuery如何让按钮不可用

jQuery如何实现不能点击元素

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...