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 }

它作为一个单一的复选框工作得非常好，但我想制作文字＆＃39;添加/删除＆＃39;是文本链接（没有复选框的输入框），这样当单击Add时它会注册为CHECKED，当单击Remove时，它会注册为UNCHECKED。

我该怎么做？

Answer 1

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

HTML

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

CSS

.hideme {
  display:none;
}

Answer 2

您可以使用：

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

注意：对于jQuery 1.7，您应该使用.prop('checked', ...)代替：

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

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

2 个答案: