Javascript JS函数检查所有复选框，这是不需要的

很抱歉，标题很奇怪。所以，我正在使用VisualStudioMVC，我正在创建一个网站。我有5行30个按钮在引导。单击这些按钮时，会弹出一个带有复选框的模式。单击复选框时，会使模式按钮变为红色。不幸的是，它检查每个按钮和每个模式的所有复选框。我有一种感觉，这是因为id或其他原因，但我无法更改每个按钮的每个id，因为我正在创建150多个按钮。所以我只需要一个按钮来改变颜色时，复选框被点击。为了获得更简单的视图，我添加了JSFIDLE。感谢您的帮助

---

这与我创建的另一个帖子有关：

JSFiddle：

到目前为止，我已经：

@{int k= 0;}
@for (int j = 0; j < 5; j++) { 
    @for (int i = 0; i < 30; i++)
    {
        k = k + 1;

    }
}

@{int k=0；}
@对于（int j=0；j<5；j++）{
@对于（int i=0；i<30；i++）
{
k=k+1；
}
}

第二个for循环的内部是：

@k
&时代；
@（k）
记得我吗
提交
接近

由于您已经在循环，您可以轻松地为每个实例关联一个动态id

<button id="btn@k" type="button" class="btn btn-primary btn-xs gridbtn" data-toggle="modal" data-target="#myModal@k">@k</button>
<!-- Modal -->
<div class="modal fade" id="myModal@k" role="dialog">
  <div class="modal-dialog">
  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">@(k)</h4>
     </div>
     <div class="modal-body">
       <form role="form">
         <div class="checkbox callback-to-button">
           <label><input type="checkbox" data-target="#btn@k"> Remember me</label>
         </div>
         <button type="submit" class="btn btn-default" data-dismiss="modal">Submit</button>
       </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

---

我为所有的混乱感到抱歉，但实际上是我的模态没有唯一的id，因此for循环的第一个模态被创建了150次

我只需要在模态id中输入@（k）

<div class="modal fade" id="myModal-@(k)" tabindex="-1" role="dialog">

现在真是太棒了！ 这篇文章有助于：

---

谢谢你的帮助

你真的应该更好地识别你的按钮。。。不仅所有按钮的html都是无效的，而且这样做不必要地过于复杂。既然代码在循环中，为什么不能将迭代器附加到它，所以id是“btn”+k。你的复选框也可以这样做，所以你知道如果有人点击复选框#30，你会改变

btn30

@king14nyr的颜色，但它只是尝试了一下，没有起作用。不幸的是，这似乎不起作用。我在模态id上收到了一个语法错误。所以我在myModal@k之间加了一个空格。语法错误消失了，但是现在模态根本没有弹出。你得到了什么错误？这一定是某个模板呈现问题，没有按预期分配id。您能提供您得到的错误和带有按钮的模式的呈现HTML吗？错误：0x800a139e-JavaScript运行时错误：语法错误，无法识别的表达式：#myModal@kok所以变量k的值没有呈现给视图，对吗？所以我需要更好地理解你的实际循环是怎样的。尝试替换我提供给@i的html示例中的所有@k。再一次请给出一个实际的HTML呈现的小提琴。我认为这只是语法。我不认为这会让我这么做。i循环只经过30次。在JSFIDLE中，我无法将C语言正确地转换为html，因此我无法向您展示这种方式。是否有其他网站可供使用？

$('.modal input[type="checkbox"]').change(function(){
 var target = $(this).attr('data-target');

 $(target).css({'background':'red'});
});

<div class="modal fade" id="myModal-@(k)" tabindex="-1" role="dialog">