Fatal编程技术网
  • javascript/
  • Javascript 如何获取仅签入复选框的表的所有行？

Javascript 如何获取仅签入复选框的表的所有行？

javascript jquery html checkbox

Javascript 如何获取仅签入复选框的表的所有行？,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我正在浏览表格，只获取选定的标记ID 但是目前我正在获取所有的标签id，您能告诉我如何获取只选中复选框的标签id吗 一 二 三 四 五 六 七 八 $（文档）.ready（函数（）{ $（“#tagstablepac>tbody>tr>td.selecttags”）。每个（函数（）{ var tagid=$（this）.data（'tagid'）； console.log（'video_id'+tagid）； }); }); 使用选择器 匹配选中或选定的所有元素 $（函数（）{ $（“

我正在浏览表格，只获取选定的标记ID

但是目前我正在获取所有的标签id，您能告诉我如何获取只选中复选框的标签id吗


一
二
三
四
五
六
七
八

$（文档）.ready（函数（）{
$（“#tagstablepac>tbody>tr>td.selecttags”）。每个（函数（）{
var tagid=$（this）.data（'tagid'）；
console.log（'video_id'+tagid）；
});
});
使用选择器

匹配选中或选定的所有元素

$（函数（）{
$（“#tagstablepac”）。在（“更改”、“输入”、函数（）上{
var tagids=$（“#tagstablepac输入：选中”）.get（）.map（函数（elem）{
返回elem.getAttribute（“数据标记ID”）；
});
console.log（tagid）；
});
});


一
二
三
四
五
六
七
八

编辑：我的意思是检查

使用：在jquery中选择，如下所示：


$("#tagstablepac > tbody  > tr > td .selecttags:checked")



这将对您有用：


  $(document).ready(function()
    {
        $("#tagstablepac > tbody  > tr > td .selecttags").each(function()
        {
              if($(this).is(":checked"))
              {
              var tagid = $(this).data('tagid');
                console.log('video_id' + tagid);
               }
        });
    });




$（文档）.ready（函数（）{
$（“#tagstablepac”）。在（“更改”、“输入”、函数（）上{
var tagids=$（“.selecttags:checked”）.get（）.map（函数（elem）{
返回elem.getAttribute（“数据标记ID”）；
});
console.log（tagid）；
});
});
一
二
三
四
五
六
七
八

您的jquery版本是什么，我已经用版本1.9.1进行了测试，它可以工作。请您提供一个小提琴，bcaz不工作。您是对的。我改变了操作顺序，错过了一个位置。。。现在它起作用了：）

  $(document).ready(function()
    {
        $("#tagstablepac > tbody  > tr > td .selecttags").each(function()
        {
              if($(this).is(":checked"))
              {
              var tagid = $(this).data('tagid');
                console.log('video_id' + tagid);
               }
        });
    });



<table class="table" id="tagstablepac">
   <tbody>
      <tr>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="1" type="checkbox">ONE <span></span></label></td>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="2" type="checkbox">TWO<span></span></label></td>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="3" type="checkbox">Three <span></span></label></td>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="4" type="checkbox">Four<span></span></label></td>
      </tr>
      <tr>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="5" type="checkbox">Five<span></span></label></td>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="6" type="checkbox">SIX<span></span></label></td>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="23" type="checkbox">SEVEN<span></span></label></td>
         <td><label class="mt-checkbox mt-checkbox-outline"><input class="selecttags" data-tagid="24" type="checkbox">Eight<span></span></label></td>
      </tr>
      <tr></tr>
   </tbody>
</table>
<button id="logChecked">Log checked</button> 



    <html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#tagstablepac").on("change", "input", function() {
    var tagids = $(".selecttags:checked").get().map(function(elem) {
      return elem.getAttribute("data-tagid");
    });

    console.log(tagids);
  });
});
</script>
</head>
<body>
<div class="parent">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table" id="tagstablepac">
  <tbody>
    <tr>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="1" type="checkbox">ONE <span></span>
        </label>
      </td>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="2" type="checkbox">TWO<span></span>
        </label>
      </td>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="3" type="checkbox">Three <span></span>
        </label>
      </td>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="4" type="checkbox">Four<span></span>
        </label>
      </td>
    </tr>
    <tr>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="5" type="checkbox">Five<span></span>
        </label>
      </td>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="6" type="checkbox">SIX<span></span>
        </label>
      </td>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="23" type="checkbox">SEVEN<span></span>
        </label>
      </td>
      <td>
        <label class="mt-checkbox mt-checkbox-outline">
          <input class="selecttags" data-tagid="24" type="checkbox">Eight<span></span>
        </label>
      </td>
    </tr>



    <tr></tr>
  </tbody>
</table></body>
</html>