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

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 }

作为单个复选框，它的工作非常好，但我想让“添加/删除”文本成为文本链接（没有复选框的输入框），这样当点击“添加”时，它将被注册为“已选中”，当点击“删除”时，它将被注册为“未选中”。如何做到这一点？

- gandjyar

Answer 1

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

HTML

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

CSS

.hideme {
  display:none;
}

- Dryden Long

---

我想让“Add”成为一个文本链接，“Remove”成为另一个文本链接，两者都与同一个复选框相关联...因此，如果单击“Add”，则认为该复选框已被选中，如果单击“Remove”，则认为该复选框未被选中。 - gandjyar

这是一个很好的本地解决方案，但它不像JS解决方案那样可调性高。 - Andreas Louv

@user1172854，你可能需要重新考虑你的设置。不要使用复选框，而是使用锚元素，并根据你点击的哪一个来执行操作。 - Dryden Long

谢谢您的回答。我会认真参考的。 - gandjyar

Answer 2

您可以使用：

$('[type=checkbox]').attr('checked', true); // or false

注意：自 jQuery 1.7 版本起，应使用 .prop('checked', ...) 替代：

$('[type=checkbox]').prop('checked', true); // or false

- Andreas Louv

---

谢谢你提醒我！ - gandjyar