JQuery判断checkbox是否选中及其它复选框操作方法合集【jquery】

web前端|js教程

JQuery,checkbox,是否选中

web前端-js教程

A、jquery判断checkbox是否选中及改变checkbox状态

小额借贷源码出售,ubuntu下配置adb,tomcat8最大内存,python爬虫网页实战,php连接数据教程学习,济宁SEO教学lzw

jquery判断checked的三种方法:

学校网站源码下载,ubuntu 16循环登录,宝塔里tomcat安装不了,夏季大爬虫,php常用模块代码,四川个人抖音seo优化活动方案lzw

.attr(checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false

.prop(checked): //16+:true/false

.is(:checked): //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:

所有的jquery版本都可以这样赋值:

android 源码中的铃声加载,ubuntu读取数字出错,网络爬虫课堂设计,php oralce,seo过程考核lzw

// $("#cb1").attr("checked","checked");

// $("#cb1").attr("checked",true);

jquery1.6+:prop的4种赋值:

// $("#cb1″).prop("checked",true);//很简单就不说了哦

// $("#cb1″).prop({checked:true}); //map键值对

// $("#cb1″).prop("checked",function(){

return true;//函数返回true或false

});

//记得还有这种哦:$("#cb1″).prop("checked","checked");

B、jquery如何判断checkbox（复选框）是否被选中

谁都知道 在html 如果一个复选框被选中 是 checked="checked"。

但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked

所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true)

例子里面包括了一下几个功能。

代码

<SCRIPT LANGUAGE="JavaScript" src="/demo/jquery.js">

<!--

$("document").ready(function(){ $("#btn1").click(function(){ $("[name=checkbox]").attr("checked", rue);//全选 })

$("#btn2").click(function(){ $("[name=checkbox]").removeAttr("checked");//取消全选 })

$("#btn3").click(function(){ $("[name=checkbox]:even").attr("checked", rue);//选中所有奇数 })

$("#btn4").click(function(){ $("[name=checkbox]").each(function(){

if($(this).attr("checked"))

{

$(this).removeAttr("checked"); }

else

{

$(this).attr("checked", rue); } }) })

$("#btn5").click(function(){

var str="";

$("[name=checkbox][checked]").each(function(){

str+=$(this).val()+""r"n";

//alert($(this).val());

})

alert(str);

})

})

//-->

checkbox1

checkbox2

checkbox3

checkbox4

checkbox5

checkbox6

checkbox7

checkbox8

C、 jquery判断checkbox是否被选中

在html的checkbox里，选中的话会有属性checked="checked"。

如果用一个checkbox被选中，alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked"))，会打印出"true""，而不是checked"！

如果没被选中，打印出的是"undefined"。

不要尝试去做这样的判断：if($"#xxx".attr("checked")=="true")或者if($"#xxx".attr("checked")==checked)

应该是if($("#checkbox1").attr("checked")==true)

全选和全不选函数

function checkAll(){

if($("#checkbox1").attr("checked")==true){

$("input[name=xh]").each(function() {

$(this).attr(checked,true);

});

}else {

$("input[name=xh]").each(function() {

$(this).attr(checked,false);

});

}

}

D、JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值

JQuery是一个非常容易上手的框架，但是有很多东西需要我们深入学习的。

判断checkbox是否被选中网上有选多种写法，这里有一种方法，个人觉得

比较方便。

因为比较简单，没什么技术含量，直接代码

$(function(){

/*------------

全选/全不选

------------*/

$(#cboxchecked).click(function(){

//判断apple是否被选中

var bischecked=$(#cboxchecked).is(:checked);

var fruit=$(input[name="fruit"]);

bischecked?fruit.attr(checked,true):fruit.attr(checked,false);

});

/*-------------

获取选中值

-------------*/

$(#btn_submit).submit(function(){

$(input[name="fruit"]:checked).each(function(){

var sfruit=$(this).val();

alert(sfruit);

});

return false;

});

})

全选/全不选

Apple

Orange

Banana

Grapes

如果觉得《JQuery判断checkbox是否选中及其它复选框操作方法合集【jquery】》对你有帮助，请点赞、收藏，并留下你的观点哦！