Question

我非常希望toggle能够拥有x并且没有x

<td class="checkbox"> <input name="signed" type="checkbox" checked /> x </td>

例如参见JSFiddle

http://jsfiddle.net/littlesandra88/GMSCW/

按下提交时触发的代码是

$('form').live('submit', function(){
   $.post($(this).attr('action'), $(this).serialize(), function(response){
         // do something here on success
   },'json');
   return false;
});

我认为我必须采用

行

$(this).getElementByClass("checkbox").td.toggle('x');

但checked仍应更新<input name="signed" type="checkbox" checked />

有谁知道怎么做？

Answer 1

将X包裹在一个范围内然后隐藏

<td class="checkbox"> 
      <input name="signed" type="checkbox" checked />
      <span id='toggleme'>x</span>
 </td>

 //change the visibility of the x
 $('#toggleme').toggle();

// check the checkbox
$('input[name=signed]').attr('checked', true);

Answer 2

要检查jQuery中的复选框，请使用ELEMENT.attr("checked","checked")或jQuery 1.6方式ELEMENT.prop("checked", true)

Answer 3

最好的想法，IMO，是在复选框旁边放<label>，然后用toggle放$("input[type=checkbox] + label", this).toggle()。

要更改复选框，其他用户提供的示例就可以了。

http://jsfiddle.net/w5nAr/

这假设您不想更改复选框，只需更改旁边的文本。如果你想要两者，这是另一个例子：

http://jsfiddle.net/w5nAr/4/

Answer 4

尝试查看代码here，这是基于Bryan的工作。

Answer 5

$({some identifier for your checkbox}).attr("checked",true)

如何切换内容？

5 个答案: