怎么样取到checkbox中的多个值,我用的是jquery checkbox的值是从后台拼出来的,急。哪位高手帮一下
展开全部
我写了个例子给你看看怎么取到所选的值的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-hcheckbox.js"></script>
<link href='css.css' rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function(){
$('#chklist').hcheckbox();
$('#btnOK').click(function(){
var checkedValues = new Array();
$('#chklist :checkbox').each(function(){
if($(this).is(':checked'))
{
checkedValues.push($(this).val());
}
});
alert(checkedValues.join(','));
})
});
</script>
</head>
<body>
<div id="chklist" style="padding:10px; font-size:14px; ">
<input type="checkbox" value='1' /><label>aaaaaa</label>
<input type="checkbox" value='2' /><label>bbbbbb</label>
<input type="checkbox" value='3' /><label>ccccc</label>
<input type="checkbox" value='4' /><label>ddddd</label>
</div>
<input type="button" value="确定" id="btnOK" />
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-hcheckbox.js"></script>
<link href='css.css' rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function(){
$('#chklist').hcheckbox();
$('#btnOK').click(function(){
var checkedValues = new Array();
$('#chklist :checkbox').each(function(){
if($(this).is(':checked'))
{
checkedValues.push($(this).val());
}
});
alert(checkedValues.join(','));
})
});
</script>
</head>
<body>
<div id="chklist" style="padding:10px; font-size:14px; ">
<input type="checkbox" value='1' /><label>aaaaaa</label>
<input type="checkbox" value='2' /><label>bbbbbb</label>
<input type="checkbox" value='3' /><label>ccccc</label>
<input type="checkbox" value='4' /><label>ddddd</label>
</div>
<input type="button" value="确定" id="btnOK" />
</body>
</html>
展开全部
<script type="text/javascript">
function ck(){
var value ="";
$("input:checked[name=cb]").each(function(){
value += $(this).val()+" ";
});
alert(value);
}
</script>
<body>
<input type="checkbox" name="cb" value="A" onchange="ck();">1<br/>
<input type="checkbox" name="cb" value="B" onchange="ck();">2<br/>
<input type="checkbox" name="cb" value="C" onchange="ck();">3<br/>
<input type="checkbox" name="cb" value="D" onchange="ck();">4<br/>
<input type="checkbox" name="cb" value="E" onchange="ck();">5<br/>
</body>
function ck(){
var value ="";
$("input:checked[name=cb]").each(function(){
value += $(this).val()+" ";
});
alert(value);
}
</script>
<body>
<input type="checkbox" name="cb" value="A" onchange="ck();">1<br/>
<input type="checkbox" name="cb" value="B" onchange="ck();">2<br/>
<input type="checkbox" name="cb" value="C" onchange="ck();">3<br/>
<input type="checkbox" name="cb" value="D" onchange="ck();">4<br/>
<input type="checkbox" name="cb" value="E" onchange="ck();">5<br/>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
如果是获取一个$('input[name=checkbox]:checked').val(); 如果是一组,你完全没有必要用jquery 直接把这个checkbox定义为数字,提交的时候获取就行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询