怎么实时的把checkbox设成false
日期：2014-05-16 浏览次数：20335 次
如何实时的把checkbox设成false
我的想法是，当我勾选了三个时，没勾选的dispabled属性为true；此时，我若去掉一个勾，又都可以显示了。js功底不深，忘大侠解惑！
一般的像智联之类的网站，当单击选择行业时，便弹出一个框，那是怎么实现的，是不是个jquery插件，而且勾选后，文本输入框中还能显示值，我弄了好长时间，都不明白。
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function () {
$('input[name="ck"]').change(function() {
var count = 0;
$('input[name="ck"]').each(function () {
if($(this).attr('checked') == true){
count++;
}
if(count == 3)
$('input[name="ck"]').attr('disabled',true);
})
})
})
</script>
<style type="text/css">
</style>
</head>
<body>
<input type="checkbox" name="ck" value="a"/>a
<input type="checkbox" name="ck" value="b"/>b
<input type="checkbox" name="ck" value="c"/>c
<input type="checkbox" name="ck" value="d"/>d
<input type="checkbox" name="ck" value="e"/>e
<input type="checkbox" name="ck" value="f"/>f
</body>
</html>
我的想法是，当我勾选了三个时，没勾选的dispabled属性为true；此时，我若去掉一个勾，又都可以显示了。js功底不深，忘大侠解惑！
一般的像智联之类的网站，当单击选择行业时，便弹出一个框，那是怎么实现的，是不是个jquery插件，而且勾选后，文本输入框中还能显示值，我弄了好长时间，都不明白。
------解决方案--------------------
- JScript code
$(document).ready( function() {
$("input[name='ck[]']").click( function() {
var o = $("input[name='ck[]']");
if (o.filter(":checked").length == 3) o.not(":checked").attr("disabled", "disabled");
else o.not(":enabled").removeAttr("disabled");
});
});
------解决方案--------------------
- JScript code
$(function () {
$('input[name="ck"]').click(function() {
if($('input[name="ck"]:checked').size()==3)$('input[name="ck"]').not(':checked').attr('disabled',true);
else $('input[name="ck"]:disabled').attr('disabled',false);
})
})
------解决方案--------------------
浮动层+lightbox而已，参考
lightbox实现的checkbox联动
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
