灰色复选框，但仍然可以通过其他小部件单击

Gray out checkbox but still clickable via other widgets

本文关键字：其他 小部 单击 可以通过 复选框 灰色      更新时间：2023-09-26

有没有办法让用户的复选框变灰，这样用户就不能点击它，但仍然可以通过其他小部件点击它
例如，由于权限的原因，用户不能单击复选框，但根据启用的其他小部件组合，另一个小部件可以调用其单击功能
现在，属性为disabled的.click()不起作用，即代码没有被调用。如果disabled失效，则正常运行

不确定这是否是你的意思，但你可以启用它足够长的时间来检查它，然后重新禁用它：

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/

您可以绑定自定义事件，该事件将与复选框点击事件和其他小部件一起调用：

<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/

相关文章：