HTML Checkbox Click()使用jQuery返回FALSE或TRUE而不是READONLY或DISABLED

时间:2013-11-01 02:34:35

标签: javascript jquery html checkbox toggle

由于我没有足够的积分发表评论,我必须提出一个问题。我在这里引用的情况可以在LINK看到。并且我保证在发布问题之前我已经Google搜索了几个小时。

我正在尝试能够“切换”HTML复选框以便只读。这是我到目前为止的地方。

  1. “DISABLED”不是一个选项。它不会发布表格。
  2. “READONLY”并非真正只读。它可能会变灰,但仍然可以点击。
  3. 唯一可行的是LINK引用的内容,即将READONLY应用于复选框,然后是一些jQuery: $(':checkbox[readonly=readonly]').click(function(){return false;});$(':checkbox[readonly=readonly]').click(function(){return true;});
    • 我还讨论了交换类,以防有关readonly属性的限制。
  4. 问题是指第一个设置变为(TRUE或FALSE),直到页面刷新为止。我不能重新启用复选框,只需运行其他语句即可返回相反的值(FALSE或TRUE)。

    问题

    1. 有没有办法能够为.click事件切换RETURN(TRUE或FALSE)?
    2. 是否有另一种方法可以切换复选框的检查功能?
    3. 非常感谢。

2 个答案:

答案 0 :(得分:1)

jsFiddle DEMO

如果您想在return false;&之间切换return true;您可以使用.change()事件&提出了切换的具体条件。

$(':checkbox[readonly=readonly]').change(function () {
    if($(this).is(':checked'))
        console.log("return false");
    else
        console.log("return true");
});

答案 1 :(得分:0)

好的终于明白了。我会尽力保持我的观点。

  1. 包含 jquery-ui.js ,不确定原因,但需要它。
  2. 使用.change()事件添加和删除两个指定READ / WRITE
  3. 的类
  4. 使用$('.ReadClass').bind('click',false);阻止检查
  5. 使用$('.ReadClass').unbind('click', false); AND 切换课程 AND 添加$('.WriteClass').bind('click',true);以启用检查< / em>的
  6. Here is a link to my jsFiddle demo. 演示循环遍历所有指定的表单元素,以切换用户输入数据的能力。

    希望这有助于其他人。