我怎样才能 select 将输入检查行的值转换为 table？

Question

我是 JavaScript 开发新手，遇到以下情况。

进入 JSP 页面我有一个 table 具有以下结构

<TABLE class=standard-table-cls id=senttable>
    <TR class=odd>
        <TD>
            <INPUT name=item type=checkbox alt=Cancella value=68662>
        </TD>

        <TD> ......................................... </TD>
        <TD> ......................................... </TD>
        <TD> ......................................... </TD>
    <TR>

    <TR class=even>
        <TD>
            <INPUT name=item type=checkbox alt=Cancella value=68661>
        </TD>

        <TD> ......................................... </TD>
        <TD> ......................................... </TD>
        <TD> ......................................... </TD>
    <TR>

    <TR class=odd> ....................................................</TR>
    <TR class=even> ....................................................</TR>
    <TR class=odd> ....................................................</TR>
    <TR class=even> ....................................................</TR>
    ........................................................................
    ........................................................................

</TABLE>

如您所见，在此 table 中有一个特定的列（第一列）代表用户可以选中的 复选框。此列始终设置 value 表示当前行所表示的对象的 ID（在前面的示例中：68662 和 68661,等等等等)

我需要做的是创建一个 JavaScript 函数，该函数创建一个字符串，表示选中行的 value 字段的所有值的串联。

例如，如果选中前 2 行，则此字符串必须类似于：68662-68661

我怎样才能做这样的事情？

Tnx

Answer 1

您可以使用 $.fn.map method in combination with join:

var values = $('#senttable :checkbox:checked').map(function() {
    return this.value;
}).get().join('-');

Answer 2

您可以像这样稍微更改 html 标记：

<input type="checkbox" name="item[]" value="68662" alt=Cancella>

然后你可以调用下面的javascript函数得到你需要的'-'分隔字符串

    function getString()
    {  
      $('input[name="item[]"]:checked').each(function() {

                var returnString="";

                 if($(this).is(':checked'))
                 {
                      var chkboxval = $(this).val();
                      returnString= chkboxval + "-" + returnString 
                  }
            }

          );

      return returnString;
    }

我怎样才能 select 将输入检查行的值转换为 table？

How can I select the values of the input checked rows into a table?

html

javascript

xhtml

jquery