Javascript 如何将多个输入复选框值与forloop进行比较?

Javascript 如何将多个输入复选框值与forloop进行比较?,javascript,html,jquery,ajax,Javascript,Html,Jquery,Ajax,这里的数据['arrays']是来自后端的json响应。它将返回id值为已从列表中选中的数组。但是我遇到了一个难题:如何将数组[id]与复选框输入值(即id)进行比较。如果两个id相等,则启用选中属性 剧本 $('.mybtn').click(function() { url=$(this).attr('url'); $.ajax({ url: url, type: 'GET',

这里的
数据['arrays']
是来自后端的json响应。它将返回id值为已从列表中选中的数组。但是我遇到了一个难题:如何将数组[id]与复选框输入值(即id)进行比较。如果两个id相等,则启用选中属性

剧本

     $('.mybtn').click(function() {
            url=$(this).attr('url');
            $.ajax({
            url: url,
            type: 'GET',
            success: function (data) {
              $('#myform').find('input[name="name"]').val(data['title']); #works
              for (let i = 0; i < data['arrays'].length; ++i) {
                 console.log(data['arrays'][i]['id'])   
                   if($('#myform').find('input[name="u"]').val() == data['arrays'][i]['id']){
                  # doesnot works checks all
                 }
                   $('#myform').find('input[name="u"]').attr('checked', true); #checks all
                  }
            },
          });
          });
您可以使用
$(`input[name=u][value=${id}]`)
设置所需输入的复选框

演示代码

//假设数组如下所示。。。
风险值数据={
“数组”:[{
“id”:1
}, {
“id”:3
}]
}
for(设i=0;i

您可以使用
$(`input[name=u][value=${id}`).prop('checked',true)
设置所需输入的复选框

演示代码

//假设数组如下所示。。。
风险值数据={
“数组”:[{
“id”:1
}, {
“id”:3
}]
}
for(设i=0;i


嗨,你能在问题中显示更新的
数据的输出吗?@Swati嗨,你能在问题中显示更新的
数据的输出吗?@Swati谢谢它工作+1。但是,当单击另一个按钮时,它仍然需要刷新页面,因为在没有页面刷新的情况下,已检查的数据也会显示在另一个按钮上。当单击另一个按钮时,它仍然需要刷新页面。。。请详细说明。此外,在进行选中之前,您可以从所有复选框中删除选中项,即:
$(“输入[name=u]”)。prop(“选中”,false)
将此行置于for循环之前。
$(“输入[name=u]”)。prop(“选中”,false)
这解决了问题。感谢感谢它成功了+1。但是,当单击另一个按钮时,它仍然需要刷新页面,因为在没有页面刷新的情况下,已检查的数据也会显示在另一个按钮上。当单击另一个按钮时,它仍然需要刷新页面。。。请详细说明。此外,在进行选中之前,您可以从所有复选框中删除选中项,即:
$(“输入[name=u]”)。prop(“选中”,false)
将此行置于for循环之前。
$(“输入[name=u]”)。prop(“选中”,false)
这解决了问题。谢谢
 <ul id="myid">
    {% for u in usrs %}
       <li>
        <input type="checkbox" name="u" value={{u.id}}/>
      </li>
    {% endfor %}
Object { title: "Hello World", usrs: (2) […] }
​
title: "Hello World"
​
usrs: Array [ {…}, {…} ]
​​
0: Object { id: 6, name: "hello" }
​​
1: Object { id: 8, name: "nameq" }
​​
length: 2