您的位置：首页 > Web前端 > JQuery

Jquery获取选中的checkbox的值

2014-06-16 13:29 531 查看

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>checkbox</title>
<script type="text/javascript" src="js/jquery1.8.min.js"></script>
<script type="text/javascript">
$(function() {
$("input[name='cbServerType']:checkbox").click(function() {
var type = '';
$("input[name='cbServerType']:checkbox").each(function() {
if ($(this).attr("checked")) {
type += $(this).attr('value') + '|';
}
});
alert(type);
$("#txtServerType").val(type);
});
});
</script>
</head>

<body>
<div align="center">
<span><input name='cbServerType' type='checkbox' value='1' />1111111</span>
<span><input name='cbServerType' type='checkbox' value='2' />2222222</span>
<span><input name='cbServerType' type='checkbox' value='3' />3333333</span>
<span><input name='cbServerType' type='checkbox' value='4' />4444444</span>
<span><input name='cbServerType' type='checkbox' value='5' />5555555</span>
</div>
</body>
</html>

显示显效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航