Php Ajax代码只在first上工作<；李>；

我有以下代码：

<ul class='app-tasks'>
  <li class='app-tasks__item'>
    <label class='app-tasks__label'>
      <input id='some' value='1' type='checkbox'/>
      <span>One</span>
      <div class='app-tasks__mark'></div>
    </label>
  </li>
  <li class='app-tasks__item'>
    <label class='app-tasks__label'>
      <input id='some' value='2' type='checkbox'/>
      <span>TWO</span>
      <div class='app-tasks__mark'></div>
    </label>
  </li>
  <li class='app-tasks__item'>
    <label class='app-tasks__label'>
      <input id='some' value='3' type='checkbox'/>
      <span>Three</span>
      <div class='app-tasks__mark'></div>
    </label>
  </li>      
</ul>

---

但是代码只在第一个

li

上运行。PHP脚本没有问题。

同一个id不能使用两次。对每一个进行不同的命名，或者改用类并执行以下操作：

$('.some').change(function()
{
});

HTML中的必须是唯一的。切换到CSS类以使用

---

我还建议使用双引号而不是单引号。这是html标记的一个很好的实践。因为单引号仅在html5中可用。@BhojendraNepal，是的，稍后注意到。现在更正了，我明白了，你指的是html。@Terminus，我从不推荐这种方法，因为重复的ID会使你的html无效，在W3C验证器上测试它。你的更新意味着什么，它不应该是答案的一部分？

$('.some').change(function()
{
});

 <input class="some" value="1" type="checkbox"/>

$('.some').change(function() {
  //Rest of the code
});