javascript - jQuery 在动态创建的表/单元格中找不到复选框值-6ren

javascript - jQuery 在动态创建的表/单元格中找不到复选框值

转载作者：行者123 更新时间：2023-12-03 03:52:03

26

4

我试图在单击按钮时从动态创建的表中查找“CheckBox”(0,1,2)的值。复选框位于表格每行的最后一个单元格中。单击复选框时，jQuery 不会给我“值”。这是我的代码:

<body>

<table id="DataTable" 
style="position:absolute;left:348px;top:80px;width:350px;height:10px;z-
index:7;text-align:center;"></table>

<input type="submit" id="Button4" name="Clk_In" value="Create Table" 
style="position:absolute;left:495px;top:250px;width:96px;height:35px;z-
index:0;">


<script 
 src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js">
</script>
<script>  // jQuery code below 

var count = 0;

// create table heading & rows by clicking button
$(document).on("click","#Button4", function() {               

    drawHeading();

    for( var i = 0; i < 3; i++ ) {
       drawRow();
    }
});

function drawHeading() {

var row = $("<tr />")
$("#DataTable").append(row);
row.append($("<th>" + "Trans#" + "</th>"));
row.append($("<th>" + "DayOfYear" + "</th>"));
row.append($("<th>" + "Vendor" + "</th>"));
row.append($("<th>" + "Amount&nbsp;($)" + "</th>"));
row.append($("<th>" + "Remove" + "</th>"));

}

function drawRow( ) {

var row = $("<tr />")
    $("#DataTable").append(row);
    row.append($("<td>" + "cell1" + "</td>"));
    row.append($("<td>" + 2  + "</td>"));
    row.append($("<td>" + "cell3" + "</td>"));
    row.append($("<td>" + 4 + "</td>"));
    row.append($("<td/>").append($('<input type="checkbox" name="chkbox2" 
     value="' + count + '"/>')));

    count += 1;
    //alert("count: " + count);
 }

// find checkBox value   *** NOT WORKING should show 0 or 1 or 2  *** 
var checkboxValues = [];

$('input[name=chkbox2]:checked').map(function() {
    checkboxValues.push($(this).val());
});

alert(checkboxValues[0]);

</script>

任何专家建议将不胜感激。格雷格

最佳答案

您甚至在创建 HTML 之前就检查了复选框值。您可以将代码移动到按钮的单击事件处理程序。

<script>  
// jQuery code below 

    var count = 0;

    // create table heading & rows by clicking button
    $(document).on("click","#Button4", function() {               

        drawHeading();

        for( var i = 0; i < 3; i++ ) {
           drawRow();
        }

         // find checkBox value
    var checkboxValues = [];

    $('input[name=chkbox2]:checked').map(function() {
        checkboxValues.push($(this).val());
    });

    alert(checkboxValues[0]);

    });

    function drawHeading() {

    var row = $("<tr />")
    $("#DataTable").append(row);
    row.append($("<th>" + "Trans#" + "</th>"));
    row.append($("<th>" + "DayOfYear" + "</th>"));
    row.append($("<th>" + "Vendor" + "</th>"));
    row.append($("<th>" + "Amount&nbsp;($)" + "</th>"));
    row.append($("<th>" + "Remove" + "</th>"));

    }

    function drawRow( ) {

    var row = $("<tr />")
        $("#DataTable").append(row);
        row.append($("<td>" + "cell1" + "</td>"));
        row.append($("<td>" + 2  + "</td>"));
        row.append($("<td>" + "cell3" + "</td>"));
        row.append($("<td>" + 4 + "</td>"));
        row.append($("<td/>").append($('<input type="checkbox" name="chkbox2" 
         value="' + count + '"/>')));

        count += 1;
        //alert("count: " + count);
     }

    </script>

如果您想获取选中复选框时的值，您可以监听复选框更改事件。

$('input[name=chkbox2]').change(function() {
        //perform your logic
    });

关于javascript - jQuery 在动态创建的表/单元格中找不到复选框值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45120579/

26

4

0

文章推荐： language-agnostic - 你最喜欢的 "programmer"卡通片是什么？

文章推荐： image - Flutter/Dart中是否可以显示图像的一部分

grails - Cereal ，哥伦。按 parent 找 child ，按 child 找 parent
例如，我有一个父类Author: class Author { String name static hasMany = [ fiction: Book,
javascript - DOJO:找 child
代码如下: dojo.query(subNav.navClass).forEach(function(node, index, arr){ if(dojo.style(node, 'd
mysql - 加入两张 table 找 friend
我有一个带有 Id 和姓名的学生表和一个带有 Id 和 friend Id 的 Friends 表。我想加入这两个表并找到学生的 friend 。例如，Ashley 的 friend 是 Saman
grails - Grails按 child 找 parent
我通过互联网浏览，但仍未找到问题的答案。应该很容易: class Parent { String name Child child } 当我有一个 child 对象时，如何获得它的 paren
android - Firebase Android 找 friend 功能
我正在尝试创建一个以 Firebase 作为我的后端的社交应用。现在我正面临如何(在哪里？)找到 friend 功能的问题。我有每个用户的邮件地址。我可以访问用户的电话也预订。在传统的后端中，我
ios - Apple Game Center 和 Facebook 找 friend iOS6
我主要想澄清以下几点: 1。有人告诉我，在 iOS 5 及以下版本中，如果您使用 Game Center 设置多人游戏，则“查找 Facebook 好友”(如与好友争夺战)的功能不是内置的，因此您需要
docker - 有什么用!意思？找。\! -用户redis -exec chown redis '{}' +
关于redis docker镜像ENTRYPOINT脚本 docker-entrypoint.sh : #!/bin/sh set -e # first arg is `-f` or `--some-

首页

博学

6Ren·AI

商城

javascript - jQuery 在动态创建的表/单元格中找不到复选框值