小编Shu*_*arg的帖子

当jQuery中的复选框未选中时,如何清除文本框的值?

我有一个数据表(使用jQuery创建),其第一列包含复选框,最后一列包含文本框。由于textbox和checkbox是动态创建的,因此它们具有相同的ID和名称,如下所示:

   $('#statement-table').dataTable({
             "data": json,
             "dom": 't',
             "columns": [
                 {"data":""},
                 {"data": "statementCode"},
                 {"data": "dueDate"},
                 {"data": "statementBalance"},
                 {"data": ""}

             ],
             "columnDefs": [
                 {className: "pad-md-left-p-10 pad-top-bottom-p-10 white-active-bg mouse-link", "targets": [0,1,2,3,4]},
                 {
                     'targets':   0,
                     'orderable': false,
                      'render': function(data, type, full, meta) {
                              return '<input type="checkbox" name="payment-checkbox" id="select-checkbox"/>';
                      }
                 },

                  {
                     'targets': 4,
                     'render': function (data, type, full, meta){
                      return
                         '<input type="number" id="payement-textbox" name="text[]" class="payment" value=""/>';
                     }
                  }

             ],
             "aaSorting": [[2, 'desc']],

         }); //End of datatable function 
Run Code Online (Sandbox Code Playgroud)

我的要求是在未选中其对应复选框时清除文本框值。我写了下面的jQuery代码,但没有清除文本框:

    $("input[name=payment-checkbox]").click(function () {
             $("table tr td input[type='checkbox']").each(function …
Run Code Online (Sandbox Code Playgroud)

html javascript datatable jquery

0
推荐指数
1
解决办法
1115
查看次数

标签 统计

datatable ×1

html ×1

javascript ×1

jquery ×1