这是我的html的一部分
<label class="checkbox" data-appid="1" data-moduleid="1" data-permissionid="128" data-processid="1" data-screenid="1">
<input type="checkbox" name="screen_permission_id[128]" value="128" checked="checked">
<span></span>
Add
$(document).on('change', 'input:checkbox', function() {
console.log($(this))
if ($(this).is(':checked') == false) {
$(this).siblings($('input[type=hidden]')).remove()
} else {
let tr = $(this).closest('label');
let appid = tr.attr("data-appid")
let moduleid = tr.attr("data-moduleid")
let permissionid = tr.attr("data-permissionid")
let processid = tr.attr("data-processid")
let screenid = tr.attr("data-screenid")
$(this).closest('label').append('<input type="hidden" name="app_module_id[' + permissionid + ']" value="' + moduleid + '"> <input type="hidden" name="module_process_id[' + permissionid + ']" value="' + processid + '"><input type="hidden" name="process_screen_id[' + permissionid + ']" value="' + screenid + '">')
}
})
当我取消选中复选框时。除了隐藏的输入，它还会删除我的span变量。我如何才能避免这种情况。
您可以使用jquery doc中not所述的选择同级。
$(this).siblings($('input[type=hidden]')).not("span").remove()
$(document).on('change', 'input:checkbox', function() {
if ($(this).prop('checked') == false) {
$(this).siblings($('input[type=hidden]')).not("span").remove()
console.clear();
} else {
let tr = $(this).closest('label');
let appid = tr.attr("data-appid")
let moduleid = tr.attr("data-moduleid")
let permissionid = tr.attr("data-permissionid")
let processid = tr.attr("data-processid")
let screenid = tr.attr("data-screenid")
$(this).closest('label').append('<input type="hidden" name="app_module_id[' + permissionid + ']" value="' + moduleid + '"> <input type="hidden" name="module_process_id[' + permissionid + ']" value="' + processid + '"><input type="hidden" name="process_screen_id[' + permissionid + ']" value="' + screenid + '">')
console.log('<input type="hidden" name="app_module_id[' + permissionid + ']" value="' + moduleid + '"> <input type="hidden" name="module_process_id[' + permissionid + ']" value="' + processid + '"><input type="hidden" name="process_screen_id[' + permissionid + ']" value="' + screenid + '">')
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="checkbox" data-appid="1" data-moduleid="1" data-permissionid="128" data-processid="1" data-screenid="1">
<input type="checkbox" name="screen_permission_id[128]" value="128" checked="checked">
<span>Add</span>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句