我可以禁用复选框但仍触发其事件吗？

Question

我可以禁用复选框但仍触发其事件吗？

3

使用onclick="$( '#co1' ).attr( 'checked', true );"修改问题后，与disabled="disabled"属性一起使用效果很好。但是，$aBoxes.change(function(){似乎无法与onclick="$( '#co1' ).attr( 'checked', true );"一起使用。

原始问题是：“有人告诉我，“元素被禁用时，事件也被禁用。” 我想禁用一个复选框，但通过单击链接触发事件。我有这个jquery：”

var $aBoxes = $('#co1,#co2,#co3');
$aBoxes.change(function(){
  // check if all are checked based on if the number of checkboxes total
  // is equal to the number of checkboxes checked
  if ($aBoxes.length == $aBoxes.filter(':checked').length){
      $('#a1').hide();
      $('#a2').show();
  }else{
    $('#a1').show();
    $('#a2').hide();
  }
});


<div id="a1">
a1 div
</div>

<div id="a2" style="display:none;">
a2 div
</div>

<div class="content">
<ul>
<li>
<input disabled="disabled" id="co1" name="co1" type="checkbox" <?php if($mychecklist->co1==1) echo 'checked' ?>/>
<a href="http://bbc.co.uk" target="_blank" onclick="$( '#co1' ).attr( 'checked', true );">Link 1</a>
</li>
<li>
<input disabled="disabled" id="co2" name="co2" type="checkbox" <?php if($mychecklist->co2==1) echo 'checked' ?>/>
<a href="http://bbc.co.uk" target="_blank" onClick="$( '#co2' ).attr( 'checked', true );">Link 2</a>
</li>
<li>
<input disabled="disabled" id="co3" name="co3" type="checkbox" <?php if($mychecklist->co3==1) echo 'checked' ?>/>
<a href="http://bbc.co.uk" onClick="$( '#co3' ).attr( 'checked', true );">Link 3</a>
</li>
</ul>
</div>

链接上的onclick事件可以很好地检查复选框，但我想禁用复选框（使用disabled="diasabled"），并仍然使其工作。这样用户必须单击链接才能检查复选框，而不是跳过此步骤并自行检查复选框。

非常感谢您的帮助。

- Codded

你尝试使用复选框的 "change" 事件了吗？ - zneak

2个回答

1

为你的复选框使用readonly属性！

- Vlad

谢谢回复，但这对我没有用。我使用了@Juhana的答案。 - Codded

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- JJJ · Accepted Answer

不清楚您是想使用 <a> 链接来检查禁用的复选框，还是触发附加到复选框的点击事件。如果是前者，您可以使用 $( '#tt2' ).attr('checked', !$( '#tt2' ).attr('checked') ) 来切换复选框或 $( '#tt2' ).attr( 'checked', true ) 来选中它。如果是后者，即使复选框被禁用，点击事件仍应该运行。

如果您需要同时选中复选框并触发事件，只需同时使用这两种技术即可。

<a href="http://bbc.co.uk" target="_blank" 
    onclick="$( '#co1' ).attr( 'checked', true ).trigger( 'change' );">