Remove Sibling正在删除jquery中的额外元素
这是我的html的一部分Remove Sibling正在删除jquery中的额外元素,jquery,metronic,Jquery,Metronic,这是我的html的一部分 <label class="checkbox" data-appid="1" data-moduleid="1" data-permissionid="128" data-processid="1" data-screenid="1"> <input type="checkbox" name="scr
<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
添加
这是我的jquery代码
$(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 + '">')
}
})
$(document).on('change','input:checkbox',function(){
console.log($(this))
如果($(this).is(':checked')==false){
$(this).sides($('input[type=hidden]')).remove()
}否则{
设tr=$(this.nexist('label');
让appid=tr.attr(“数据appid”)
设moduleid=tr.attr(“数据moduleid”)
让permissionid=tr.attr(“数据permissionid”)
让processid=tr.attr(“数据processid”)
设screenid=tr.attr(“数据screenid”)
$(this).最近('label')。追加(“”)
}
})
当我取消选中复选框时。除了隐藏的输入,它还删除了span变量。如何避免这种情况。如中所述,在选择兄弟姐妹时可以使用
not
$(document).on('change','input:checkbox',function(){
if($(this).prop('checked')==false){
$(this).sides($('input[type=hidden]')).not(“span”).remove()
console.clear();
}否则{
设tr=$(this.nexist('label');
让appid=tr.attr(“数据appid”)
设moduleid=tr.attr(“数据moduleid”)
让permissionid=tr.attr(“数据permissionid”)
让processid=tr.attr(“数据processid”)
设screenid=tr.attr(“数据screenid”)
$(this).最近('label')。追加(“”)
console.log(“”)
}
})
添加
您可以在选择兄弟姐妹时使用而不是
,如中所述
$(document).on('change','input:checkbox',function(){
if($(this).prop('checked')==false){
$(this).sides($('input[type=hidden]')).not(“span”).remove()
console.clear();
}否则{
设tr=$(this.nexist('label');
让appid=tr.attr(“数据appid”)
设moduleid=tr.attr(“数据moduleid”)
让permissionid=tr.attr(“数据permissionid”)
让processid=tr.attr(“数据processid”)
设screenid=tr.attr(“数据screenid”)
$(this).最近('label')。追加(“”)
console.log(“”)
}
})
添加
$(this).siblings($('input[type=hidden]')).not("span").remove()