Javascript 如何在jquery append中使用$each()获取条件参数的对象

Javascript 如何在jquery append中使用$each()获取条件参数的对象,javascript,jquery,ajax,laravel,Javascript,Jquery,Ajax,Laravel,当我想在端点中设置条件时遇到了问题,我最近使用了jquery 这是我的代码视图Laravel <tbody id="tbody"> @foreach ($modul as $m) <tr> <td><input id="id_menu" value="{{$m->id}}" type="hidden">{{$m->id}}</td>

当我想在端点中设置条件时遇到了问题,我最近使用了jquery

这是我的代码视图Laravel

<tbody id="tbody">
@foreach ($modul as $m)
<tr>
    <td><input id="id_menu" value="{{$m->id}}" type="hidden">{{$m->id}}</td>
    <td>
        {{$m->nama_menu}}
    </td>
    <td>{{$m->link}}</td>

    <td id="check" class="text-center">
        <input class="id_check" type="checkbox" 
        @foreach ($count as $c)
            {{$c->id == $m->id ? 'checked' : ''}} @endforeach
            >
    </td>
</tr>
@endforeach

@foreach(单位:百万美元)
{{$m->id}
{{$m->nama_菜单}
{{$m->link}
id==$m->id?“选中“:”}}@endforeach
>
@endforeach
这个js脚本

<script>
function handleChange()
{
var level = $("#filter_level").val();
$('#tbody').html('');
$.ajax({
    type : 'GET',
    url : 'http://localhost:8000/user/rule/'+level,
    success : function(res) {
            $.each(res.modul, function(mkey, vm) {
            console.log(res.count)
            $('#tbody').append('<tr id="tr"><td>' + vm.id + '</td><td>' + vm.nama_menu + '</td><td>' + vm.link + '</td><td id="check"><input class="id_check" type="checkbox"></td></tr>');
                $.each(res.count, function(ckey, vc) {
                    if(vm.id == vc.id){
                    $('#tr').append('<td id=""><input id="id_check('+vm.id+')" type="checkbox" checked></td>');
                    }
                });
            });  
        }
    });
}

函数handleChange()
{
var level=$(“#过滤器_level”).val();
$('#tbody').html('');
$.ajax({
键入:“GET”,
网址:'http://localhost:8000/user/rule/"级,,
成功:功能(res){
$.each(res.modul,function)(mkey,vm){
console.log(res.count)
$(“#tbody”).append(“”+vm.id+“”+vm.nama_菜单+“”+vm.link+“”);
$。每个(分辨率、计数、函数(ckey、vc){
if(vm.id==vc.id){
$('#tr')。附加('');
}
});
});  
}
});
}
我有2个数组json,必须是循环才能从该数组中获取对象 我想从Laravel到jquery实现这段代码

<input class="id_check" type="checkbox" @foreach ($count as $c) {{$c->id == $m->id ? 'checked' : ''}} @endforeach>
id==$m->id?“选中“:”}}@endforeach>
此视图中,当count_id和modul_id具有相同的值时,复选框将被选中

json数组视图


您需要为您的
tr
提供一些唯一的
id
当前所有tr在您的代码中都有相同的id。然后,我们需要在一些变量中输入
vm.id
值,以便我们可以在另一个循环中使用它。此外,根据您的复选框是否选中,维护一些计数
0
1

演示代码

//假设这是您的json数据
var res={
“计数”:[{
“id”:1
}, {
“id”:2
}, {
“id”:4
}],
“模块”:[{
“id”:“1”,
“nama_菜单”:“ss”,
“链接”:“dd”
}, {
“id”:“2”,
“nama_菜单”:“sss”,
“链接”:“ddd”
}, {
“id”:“3”,
“nama_菜单”:“ssss”,
“链接”:“dddd”
},{
“id”:“4”,
“nama_菜单”:“smsss”,
“链接”:“dmddd”
}]
}
handleChange();
函数handleChange(){
var level=$(“#过滤器_level”).val();
$('#tbody').html('');
/*$.ajax({
键入:“GET”,
网址:'http://localhost:8000/user/rule/"级,,
成功:功能(res){*/
$.each(res.modul,function)(mkey,vm){
var id=vm.id//将id值放入某个变量中,以便在下一个循环中使用
var count=0;//声明此
$(“#tbody”).append(“”+vm.id+“”+vm.nama_菜单+“”+vm.link+“”);
$。每个(分辨率、计数、函数(ckey、vc){
if(id==vc.id){
$('#'+id).append('');
count=1;//设置我们找到的计数
return false;//我们找到了中断循环
}
});
//检查计数是否为0
如果(计数=0){
$('#'+id).append('');//append未选中复选框
}
});
/* }
});*/
}

12
Abc
Oemthings

您需要为您的
tr
提供一些唯一的
id
当前所有tr在您的代码中都有相同的id。然后,我们需要在一些变量中输入
vm.id
值,以便我们可以在另一个循环中使用它。此外,根据选中或未选中的复选框,维护一些计数
0
1

演示代码

//假设这是您的json数据
var res={
“计数”:[{
“id”:1
}, {
“id”:2
}, {
“id”:4
}],
“模块”:[{
“id”:“1”,
“nama_菜单”:“ss”,
“链接”:“dd”
}, {
“id”:“2”,
“nama_菜单”:“sss”,
“链接”:“ddd”
}, {
“id”:“3”,
“nama_菜单”:“ssss”,
“链接”:“dddd”
},{
“id”:“4”,
“nama_菜单”:“smsss”,
“链接”:“dmddd”
}]
}
handleChange();
函数handleChange(){
var level=$(“#过滤器_level”).val();
$('#tbody').html('');
/*$.ajax({
键入:“GET”,
网址:'http://localhost:8000/user/rule/"级,,
成功:功能(res){*/
$.each(res.modul,function)(mkey,vm){
var id=vm.id//将id值放入某个变量中,以便在下一个循环中使用
var count=0;//声明此
$(“#tbody”).append(“”+vm.id+“”+vm.nama_菜单+“”+vm.link+“”);
$。每个(分辨率、计数、函数(ckey、vc){
if(id==vc.id){
$('#'+id).append('');
count=1;//设置我们找到的计数
return false;//我们找到了中断循环
}
});
//检查计数是否为0
如果(计数=0){
$('#'+id).append('');//append未选中复选框
}
});
/* }
});*/
}

12
Abc
Oemthings

您可以在控制台日志中显示
res
的输出吗?@Swati该json视图也可以在控制台日志中显示
res
的输出吗?@Swati该json视图