网站建设资讯

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://cdweb.net/article/ddegie.html