jquery 操作 checkbox 获取抉择的checkbox值全选全清checkbox _Web前端

jquery 操作 checkbox 获取选择的checkbox值全选全清checkbox

jquery 操作 checkbox 获取选择的checkbox值全选全清checkbox
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">? ??
<html?xmlns="http://www.w3.org/1999/xhtml">? ??
<head>? ??
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>? ??
<title>louis-blog?>>?jQuery?对checkbox的操作</title>? ??
<script?type='text/javascript'?src="../jquery.js"></script>? ??
<SCRIPT?LANGUAGE="JavaScript">? ??
<!--? ??
$("document").ready(function(){? ??
$("#btn1").click(function(){? ??
$("[name='checkbox']").attr("checked",'true');//jquery全选checkbox????
})? ??
$("#btn2").click(function(){? ??
$("[name='checkbox']").removeAttr("checked");//jquery取消全选????checkbox?
})? ??
$("#btn3").click(function(){? ??
$("[name='checkbox']:even").attr("checked",'true');//jquery选中所有奇数????checkbox?
})? ??
$("#btn4").click(function(){? ??
$("[name='checkbox']").each(function(){//反选?checkbox????
if($(this).attr("checked")){? ??
$(this).removeAttr("checked");? ??
}? ??
else{? ??
$(this).attr("checked",'true');? ??
}? ??
})? ??
})? ??
$("#btn5").click(function(){//输出选中的值???checkbox??
var?str="";? ??
$("[name='checkbox']:checked").each(function(){? ??
str+=$(this).val()+"\r\n";? ??
//alert($(this).val());? ??
})? ??
alert(str);? ??
})? ??
})????
//var tempLength = $("[name='action']:checked").length;jquery 用户选择的个数
-->? ??
</SCRIPT>? ??
</HEAD>? ??
<body?style="text-align:center;margin:?0?auto;font-size:?12px;">? ??
<div?style="border:?1px?solid?#999;?width:?500px;?padding:?15px;?background:?#eee;?margin-top:?150px;">? ??
<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><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? ??
</form>? ??
</div>? ??
</body>? ??
</HTML>???

jquery 操作 checkbox 获取抉择的checkbox值 全选 全清checkbox

jquery 操作 checkbox 获取抉择的checkbox值全选全清checkbox