谁都知道 在html 如果一个复选框被选中 是 checked="checked"。
但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked
所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true)
例子里面包括了一下几个功能。
<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="选中所有奇数">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn5" value="获得选中的所有值">
代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");
}
else
{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+""r"n";
//alert($(this).val());
})
alert(str);
})
})
//-->
</SCRIPT>
</HEAD>
<BODY>
<form name="form1" method="post" action="">
<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="选中所有奇数">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn5" value="获得选中的所有值">
<br>
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
checkbox5
<input type="checkbox" name="checkbox" value="checkbox6">
checkbox6
<input type="checkbox" name="checkbox" value="checkbox7">
checkbox7
<input type="checkbox" name="checkbox" value="checkbox8">
checkbox8
</form>
相关推荐
jQuery如何判断checkbox(复选框)是否被选中
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
jquery实现 复选框 选中和不选中 美化复选框
jquery 判断复选框是否选中以及如何选中的问题做一下总结。 进入正题,还是当页面有如下一组复选框的时候: <input type=checkbox name=fruit value=apple />苹果 <input type=checkbox name=fruit value...
一行代码搞定layui数据表格的表头checkbox复选框隐藏问题。
jQuery基于layui插件制作checkbox复选框选中代码,权限范围多选、单选、全选代码;checkbox父级子级结构,父级选中,子级全选,子级没有选中父级取消选中效果。
一款好看的jQuery自定义美化复选框checkbox样式代码,可以定义复选框的颜色和形状,让复选框风格不再像默认样式那样单调。
jQuery多级复选框checkbox选中代码,支持水平横向与垂直纵向排列,共有3种排列样式,具体看演示。
jQuery判断checkbox(复选框)是否被选中:if($(“#id”).attr(“checked”)==true) jQuery实现checkbox(复选框)选中、全选/反选代码: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional/...
Checkbox复选框选中动画特效.zip
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...
主要介绍了jquery处理checkbox(复选框)是否被选中实例代码的相关资料,需要的朋友可以参考下
下面小编就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery实现带复选框的gridview 带项目文件 可自己修改数据源 简单易用
jQuery多级复选框选中代码是一款水平垂直checkbox复选框多级选择菜单代码
本文实例讲述了jquery判断复选框是否选中进行答题提示特效代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: 一、实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:...
代码如下: //是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $(“input[name=’soft[]’]:checkbox”).each(function () { if ($(this).attr(“checked”)) { falg += 1;...
代码片段: <label class="all-checked"> <span class="ui-checkbox"> <input type="checkbox" name="all-checked" value=""> 全选 <div </div>