摘要:代码如下:代码如下: <!DOCTYPE html > <html><head> <meta charset="UTF-8"> <title>修复checkbox的状态切换和动态取值的问题</title> <script type="text/javascript" src="jquery.js"></script> <style> * {margin:0; padding:0;} ul li { float:left; list-style:none; margin-left:20px;} </style> </head> <body> <form name="journal" id="journal" action="#" method="post"> <input name="cate_ids" value="" type="hidden"> <ul> <li><input checked="checked" isCheck="true" class="ckbox" value="1" name="cate_id" type="checkbox">美食1</li> <li><input class="ckbox" value="2" name="cate_id" type="checkbox">美食2</li> <li><input class="ckbox" value="3" name="cate_id" type="checkbox">美食3</li> <li><input checked="checked" isCheck="true" class="ckbox" value="4" name="cate_id" type="checkbox">美食4</li> <li><input checked="checked" isCheck="true" class="ckbox" checked="checked" value="5" name="cate_id" type="checkbox">美食5</li> </ul> <p class="btn"> <input value="确认" name="sbtn" onclick="getValues()" type="button"> </form> <script> //修复checkbox的状态切换和动态取值的问题 //为checkbox新增一个isCheck属性来替换checked属性的不兼容性 $(".ckbox").click(function(){ if($(this).attr("isCheck") == "true") { $(this).removeAttr("isCheck") } else { $(this).attr("isCheck", "true"); } }) function getValues() { var list=""; $(".ckbox").each(function(){ if($(this).attr("isCheck") == "true"){ list += $(this).val() + ","; } }) alert(list); } </script> </body> </html>

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

代码如下:

代码如下:

<!DOCTYPE html >
<html><head>
<meta charset="UTF-8">
<title>修复checkbox的状态切换和动态取值的问题</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
* {margin:0; padding:0;}
ul li { float:left; list-style:none; margin-left:20px;}
</style>
</head>
<body>
<form name="journal" id="journal" action="#" method="post">
<input name="cate_ids" value="" type="hidden">
<ul>
<li><input checked="checked" isCheck="true" class="ckbox" value="1" name="cate_id" type="checkbox">美食1</li>
<li><input class="ckbox" value="2" name="cate_id" type="checkbox">美食2</li>
<li><input class="ckbox" value="3" name="cate_id" type="checkbox">美食3</li>
<li><input checked="checked" isCheck="true" class="ckbox" value="4" name="cate_id" type="checkbox">美食4</li>
<li><input checked="checked" isCheck="true" class="ckbox" checked="checked" value="5" name="cate_id" type="checkbox">美食5</li>
</ul>
<p class="btn"> <input value="确认" name="sbtn" onclick="getValues()" type="button">
</form>

<script>
//修复checkbox的状态切换和动态取值的问题
//为checkbox新增一个isCheck属性来替换checked属性的不兼容性
$(".ckbox").click(function(){
if($(this).attr("isCheck") == "true") {
$(this).removeAttr("isCheck")
} else {
$(this).attr("isCheck", "true");
}
})
function getValues()
{
var list="";
$(".ckbox").each(function(){
if($(this).attr("isCheck") == "true"){
list += $(this).val() + ",";
}
})
alert(list);
}
</script>
</body>
</html>

代码如下:

代码如下:

<!DOCTYPE html >
<html><head>
<meta charset="UTF-8">
<title>修复checkbox的状态切换和动态取值的问题</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
* {margin:0; padding:0;}
ul li { float:left; list-style:none; margin-left:20px;}
</style>
</head>
<body>
<form name="journal" id="journal" action="#" method="post">
<input name="cate_ids" value="" type="hidden">
<ul>
<li><input checked="checked" isCheck="true" class="ckbox" value="1" name="cate_id" type="checkbox">美食1</li>
<li><input class="ckbox" value="2" name="cate_id" type="checkbox">美食2</li>
<li><input class="ckbox" value="3" name="cate_id" type="checkbox">美食3</li>
<li><input checked="checked" isCheck="true" class="ckbox" value="4" name="cate_id" type="checkbox">美食4</li>
<li><input checked="checked" isCheck="true" class="ckbox" checked="checked" value="5" name="cate_id" type="checkbox">美食5</li>
</ul>
<p class="btn"> <input value="确认" name="sbtn" onclick="getValues()" type="button">
</form>

<script>
//修复checkbox的状态切换和动态取值的问题
//为checkbox新增一个isCheck属性来替换checked属性的不兼容性
$(".ckbox").click(function(){
if($(this).attr("isCheck") == "true") {
$(this).removeAttr("isCheck")
} else {
$(this).attr("isCheck", "true");
}
})
function getValues()
{
var list="";
$(".ckbox").each(function(){
if($(this).attr("isCheck") == "true"){
list += $(this).val() + ",";
}
})
alert(list);
}
</script>
</body>
</html>

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接:

js实例教程-jquery下checked取值问题的解决方法

http://www.js-code.com/js/js_1130.html

80%的人都看过