【问题标题】:jquery update hidden field dependant on checkboxjquery更新隐藏字段依赖于复选框
【发布时间】:2012-06-26 14:29:52
【问题描述】:

我现在正在使用它来查看是否选中了指定表中的每一行复选框。

$("#table_pdf_view input[type=checkbox][checked]").each(

    function() {



    }

 );

如果选中该行,我希望它使用复选框输入 id 来更新单独的隐藏表。

echo '<td width="200px"><input type=" checkbox" id="'.$row['client_id'].'" name="download"></td>'.PHP_EOL;

隐藏表将包含一个输入字段。如果选中多行,我想用逗号分隔每个 id。

【问题讨论】:

    标签: jquery function input field hidden


    【解决方案1】:

    做类似的事情

    var $checkboxes = $("#table_pdf_view input[type=checkbox]");
    $checkboxes.on('change',function(){
       var ids = $checkboxes.filter(':checked').map(function(){
          return this.id; 
       }).get().join(',');
       $('#Hidden_input_id').val(ids);
    });
    

    使用隐藏输入的 ID 更改 #Hidden_input_id。当用户 check/uncheck 一个复选框时,这将更新 hidden input's value

    演示: http://jsfiddle.net/npmB3/1/

    阅读更多关于.on().map()

    【讨论】:

    • 谢谢,在您为复选框指定边界之前完美运行jsfiddle.net/npmB3/8
    • @SamCorbet,那是因为您的标记无效并且浏览器的标记更正,例如 chrome 将复选框从表格中取出,selector 返回空集。您必须将复选框放在td 中。像这样jsfiddle.net/npmB3/13
    • 谢谢,由于某种原因,我无法让它在我的实际页面上工作,但我相信找出原因不会太难。非常感谢:)
    猜你喜欢
    • 1970-01-01
    • 2019-07-21
    • 1970-01-01
    • 1970-01-01
    • 2012-12-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多