javascript - 使用链接而不是复选框启用/禁用复选框

Question

我有一个用于添加和删除服务的复选框。目前它看起来像这样:

<div class="cknow" align="center" valign="top">Add/Remove to Checkout
    <input type="checkbox" id="ckNow_<?php echo $i;?>" name="ckNow[<?php echo $i;?>]"></input>
</div>

我还有一个脚本是这样写的:

$('input[id^=ckNow_]').each(function(){
    $(this).bind('click',function(){
        if($(this).attr('checked'))
        {.... does some stuff }

它作为单个复选框工作得很好，但我想将文本“添加/删除”设为文本链接(没有复选框的输入框)，以便在单击“添加”时将其注册为“选中”，并在单击删除，它注册为未检查。

我该怎么做？

Answer 1

您可以使用 label 元素将文本分配给复选框，然后使用 CSS 隐藏复选框，如下所示:

HTML

<label>Add/Remove
  <input type="checkbox" id="ckNow_" name="ckNow" class="hideme">
  </input>
</label>

CSS

.hideme {
  display:none;
}