获取当前单击的元素ID

Question

这可以通过多个输入字段中的click函数获取当前输入元素id所有输入字段都具有相同的类名，但id是唯一的。 像：

<input type="checkbox" name="myCheckboxes[]" class="chkTag" id=chkBox1" value="1" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id=chkBox2" value="2" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id=chkBox3" value="3" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id=chkBox4" value="4" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id=chkBox5" value="5" />

<script type="text/javascript">
  $(document).ready(function(){
    $('input#chkBox1').on('change', function() {
      $('input#chkBox1').not(this).prop('checked', false);  
    });
  });
</script>

但它适用于chkbox1。没有为任何输入字段处理onclick事件触发。

Answer 1

html使用id="chkBox1"而不是id=chkBox1"

存在问题

HTML

{{H2}}

JS

<input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox1" value="1" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox2" value="2" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox3" value="3" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox4" value="4" />
<input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox5" value="5" />

Answer 2

试试这个

<script type="text/javascript">
  $(document).ready(function(){
    $('.chkTag').on('change', function() {
      alert( $(this).prop('id') );  
    });
  });
</script>