JQuery判断checkbox是否选中
展开全部
在html的checkbox里,选中的话会有属性checked="checked"。
如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!
如果没被选中,打印出的是"undefined"。觉得很奇怪是吗?继续看下去~
不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true")
//这样是错误的
因为这么做是错的,jQuery的API手册上写,attr(name)的返回值是object。所以,应该是
if($("#xxx").attr("checked")==true
)。
<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="获得选中的所有值"
展开全部
创建input按钮和checkbox
<input type="button" value="判断" onclick="demo();"/><input type="checkbox" id="aaa"/>
创建js判断函数
function demo(){ alert($("#aaa").attr("checked")=="checked"); }
选中checkbox,点击button按钮择弹出true,否则弹出false
<input type="button" value="判断" onclick="demo();"/><input type="checkbox" id="aaa"/>
创建js判断函数
function demo(){ alert($("#aaa").attr("checked")=="checked"); }
选中checkbox,点击button按钮择弹出true,否则弹出false
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询