论坛 › 互联网老兵(经典区) › 帮忙看下这个JS全选复制

talaon 发表于 2020-11-12 23:44:06

帮忙看下这个JS全选复制

本帖最后由 talaon 于 2020-11-12 23:45 编辑

全选出来了，复制不会弄，请帮忙看看要怎么改呢？
（clipboard倒是可以点击到粘贴板不知道怎么配合）

<input type="submit" id="submit" value="复制">
<table id="table1" class="table table-striped table-bordered table-hover table-sm">
    <thead>
    <tr class="bg-success text-white">
      <th>
            <input type="checkbox" onclick="selectAll(this.checked)" />
      </th>
      <th width="45px;">#</th>
      <th>要复制的列</th>
    </tr>
    </thead>
   
    <tbody>   
    <tr id="tr1">
      <td><input type="checkbox" name="check" /></td>
      <td>1</td>
      <td class="fuck">      
            fuckA
      </td>
    </tr>
    <tr id="tr2">
      <td><input type="checkbox" name="check" /></td>
      <td>2</td>
      <td class="fuck">         
            fuckB
      </td>
    </tr>
    </tbody>
</table>

<script>
function selectAll(selectStatus){
if(selectStatus){
    $("input").each(function(i,n){
      n.checked = true;
    });
}else{
    $("input").each(function(i,n){
      n.checked = false;
    });
}
}
               
$("#submit").click(function() {
    alert('怎么复制 fuck那一列 的内容');
});   
</script>

dikena 发表于 2020-11-12 23:44:07

去掉这段

$("#submit").click(function() {
    alert('怎么复制 fuck那一列 的内容');
});

用下面的代码：
var content = "";
        var clipboard = new Clipboard('#submit', {
        text: function() {
                $("input").each(function(){
                        if ($(this).prop("checked")) {
                                content += $(this).parent().parent().find(".fuck").html().trim();
                                content += ","; //多行之间，逗号隔开
                        }
                });
               
                return content;
        }
        });
        clipboard.on('success', function(e) {
                alert("复制成功");
        });

        clipboard.on('error', function(e) {
                alert("复制出错");
        });

talaon 发表于 2020-11-13 19:14:37

OK了，谢谢亲

查看完整版本: 帮忙看下这个JS全选复制