灰色复选框但仍可通过其他小部件点击

时间:2014-04-18 09:04:33

标签: javascript jquery html css

有没有办法为用户设置一个灰色的复选框,因此使用无法点击它但仍然可以通过其他小部件点击? 例如。由于权限的用户无法单击复选框,但根据其他窗口小部件的其他组合,另一个窗口小部件可以调用它的点击功能。
现在使用属性disabled.click()不起作用,即代码不会被调用。如果disabled出局,则可以正常使用

2 个答案:

答案 0 :(得分:2)

您可以绑定将使用复选框点击事件和其他小部件调用的自定义事件:

<input type="checkbox" disabled="disabled" />
<input type="checkbox" />

jQuery的:

$('input:checkbox')
  .on('myevent', function(){
    console.log('clicked');
  })
  .on('click', function(){
    $(this).trigger('myevent');
  })
;

$('input:checkbox').trigger('myevent');

http://jsfiddle.net/643U4/

答案 1 :(得分:2)

不确定这是不是您的意思,但您可以启用它足够长的时间来检查它,然后重新禁用它:

<强> HTML

<input type="checkbox" disabled />

<a id="test" href="#">Click</a>

<强>的jQuery

$('#test').click(function() {
    $('input[type="checkbox"]').prop('disabled', 'false').prop('checked', true).prop('disabled', 'true');
    return false;
});

另外,只是为了确定您是否可能不知道 - 表单数据中不包含已禁用的表单元素。

http://jsfiddle.net/2f95y/1/