Question

我有一个jquery手风琴，当我点击手风琴标题时，ajax调用会调出内容。这些内容中的每一个都有一个带有复选框和提交按钮的项目列表，因此用户可以更新数据库（通过另一个ajax调用）。

单击提交时，我想删除所有选中项目的复选框，然后设置这些特定项目的样式。我可以删除复选框，但我似乎无法添加更改css！已检查的项目。有人可以帮忙吗？ html就是这样

Html
     accordion header <h3>(dynamic id)
    div class row
    div class bootstrap
    checkbox class single-checkbox (dynamic id)
    <p> content </p>




  checkbox

<input type="checkbox"  class="single-checkbox" name="contentAll[]" value="<?php echo $row2['bing'], '-', $row2['content_all']; ?>" />

jquery

    $('.submit').click(function() {
    $.ajax({
    url: "heir3.php",
    type: "post",
    data: $('.single-checkbox:checked').serialize(),
    success: function(data) {
    $('.single-checkbox:checked').remove();}   
    }); 
    });

submit
<button class="submit" id="submit">Submit</button>

Answer 1

使用removeClass()和.my-checkbox-class { // styles }然后将样式存储在那里：

CSS

$('.single-checkbox:checked').addClass('my-checkbox-class');
$('.single-checkbox:checked').removeClass('my-checkbox-class');

JQuery的

您可以将任何样式添加到此类元素中，也可以将其删除。它是一个很好的，干净的解决方案，可以让你的css重复使用，并保持风格和功能的独立性。

请注意，添加和删除类方法不需要InitiateFileTransferToGuest来表示类，这可能是一个问题

如何更改/添加css到动态生成的复选框类

1 个答案: