javascript - 假复选框 [使用 jquery ]

标签 javascript jquery html css

<分区>

我在元素[比如<span>中创建了一些假复选框](在真正的复选框之后) 他们工作正常!我想要的是,当一个复选框被单击(选中)时,我如何计算选中的复选框;

我知道一些方法,比如:

$(".elm:checked").length;

但它不能正常工作!

例如,我有以下代码用于计算选中的复选框:

    $(document).ready(function(){

        $(".mycheckbox").click(function(){

    $(".checkbox").click(function(){

    alert($(".checkbox:checked").length)); // returns : if check box is checking return 0, if remove checked it returns 1 , its incorrect ! should be if checking return 1 else return 0

    });


    });
}

我知道这是因为我的假复选框, 当用户单击假复选框时,jquery 中的一个新函数将单击真正的复选框,然后它就可以正常工作了!

有人吗?有什么想法!?

[对不起,我的英语很差]

jsfiddle:http://jsfiddle.net/E2kjM/2/

最佳答案

您在 jquery 中的选择器不正确。 $('mycheckbox')正在搜索标签 <mycheckbox>在您的文档中,这几乎肯定不存在。

我假设您的假复选框是通过 <span> 上的 CSS 类名完成的元素,例如<span class="mycheckbox"> , 在这种情况下你需要做

$('.mycheckbox').length;
   ^--- CSS class name selector

关于javascript - 假复选框 [使用 jquery ],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17289903/

相关文章:

javascript - Flexbox 换行仅第一列带有溢出滚动

jquery - 我可以在 canvas 元素中绘制表格吗?

javascript - 如何在我的js数据文件更改时刷新页面

javascript - 将 Javascript Ajax 转换为 jQuery Ajax 的最佳方法

javascript - 悬停 fadeToggle 与多个 div

php - jquery、 session 和 php session_id();

html - 某些内容不会在 IE 中显示?

javascript - Firefox 和 chrome constructor.prototype 之间的行为差​​异?

javascript - 将负载添加到原始 JavaScript 事件

javascript - Firefox 中不显示打印预览页面