Javascript 单击时从多个复选框获取id

我想在单击时获取当前id。并且只选中一个复选框。这是我的输入框

<table style="width: 500px; border: 1px solid BLACK;">
  <?php for($i=1; $i<10; $i++){ ?>
  <tr><td><input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox<?php echo  $i; ?>" /></td>
  <td><input type="checkbox" name="myTagCheckboxes[]" class="chkTag" id="chkBox<?php echo $i; ?>"  value=""/></td>
  <td><?php echo $i;?></td></tr> 
  <?php }?>
</table>

---

这是第一次。我没有在单击时获得另一个id。

那里的代码针对一个复选框（id:chkBox1）。您的PHP正在动态地标识它们，所以chkBox1、chkBox2等等

也许您需要的是一个更动态的单击侦听器，例如：

$(document).ready(function(e)
{
    $('input.chkTag').on('change', function()
    {
        $('input.chkTag').not(this).prop('checked', false);
    });
});

---

这将针对每个输入共享的类。

ID必须是唯一的！您必须在PHP中进行更改，以便每个输入获得一个与其他输入不同的唯一ID

比如：

<?php for($i=1; $i<10; $i++){ ?>
  <tr><td><input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox_0_<?php echo  $i; ?>" /></td>
  <td><input type="checkbox" name="myTagCheckboxes[]" class="chkTag" id="chkBox_1_<?php echo $i; ?>"  value=""/></td>
  <td><?php echo $i;?></td></tr> 
<?php }?>

如果您只想同时检查其中一个，则不需要

type=“checkbox”

而是

type=“radio”

在这里拉小提琴

---

我希望选中一行中两个复选框中的一个。我的php动态增加了行。我想在每行选中一个复选框抱歉，我不确定我是否理解你的意思？哦，你想这样每行只能选中一个复选框吗？

<?php for($i=1; $i<10; $i++){ ?>
  <tr><td><input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox_0_<?php echo  $i; ?>" /></td>
  <td><input type="checkbox" name="myTagCheckboxes[]" class="chkTag" id="chkBox_1_<?php echo $i; ?>"  value=""/></td>
  <td><?php echo $i;?></td></tr> 
<?php }?>

$('input.chkTag').on('change', function(){
    var id = this.id;
    // do something with id
});

$(document).ready(function(e){
  $('input').on('click', function(e){
    var id = e.target.id;
    $('input#'+id).on('change', function() {
        $('input#'+id).not(this).prop('checked', false);  
    });

  });
});