首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么实时的把checkbox设成false

2012-08-24 
如何实时的把checkbox设成falseHTML code!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN htt

如何实时的把checkbox设成false

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联动

热点排行
Bad Request.