复选框和jQuery(确定选中了哪些复选框,获取其名称标签值)

时间:2019-01-25 06:53:51

标签: javascript jquery html

我是编程新手,我有一个可能很容易解决的问题,但是到目前为止我还没有做到...所以,我有一个数字复选框,并且想使用jQuery确定要检查的内容,然后理想地获取其名称标签的值或其ID。我怎样才能做到这一点?谢谢! :)

<input type="checkbox" name="something1">
<input type="checkbox" name="something2">

2 个答案:

答案 0 :(得分:1)

尝试以下代码。单击复选框,将打印复选框的名称。

 $(document).ready(function(){
$('input').change(function(){console.log($(this).attr('name'))})
          })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="something1">
<input type="checkbox" name="something2">

答案 1 :(得分:0)

您可以使用以下选择器选择所有选中的复选框:

$("input[type='checkbox']:checked")

然后,您可以使用jQuery的.each()方法对此进行循环,并使用name获取每个选定复选框的.attr("name")属性。

$(".btn").click(function() {
  $("input[type='checkbox']:checked").each(function() {
    console.log($(this).attr("name"));
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="something1" />
<br />
<input type="checkbox" name="something2" />
<br />
<button class="btn">Click me</button>