网站建设资讯

NEWS

网站建设资讯

jquery判断checkbox是否选中的方法

这篇文章将为大家详细讲解有关jquery判断checkbox是否选中的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

为高邑等地区用户提供了全套网页设计制作服务,及高邑网站建设行业解决方案。主营业务为成都网站设计、成都网站制作、高邑网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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

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

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

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

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

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





exp8_3

  

  


隐藏第三个文本框
变长第一个文本框
   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("变长第一个文本框");           }         }); });

关于“jquery判断checkbox是否选中的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享名称:jquery判断checkbox是否选中的方法
链接地址:http://njwzjz.com/article/pgpcsp.html