如何在jQuery中检索复选框值

小编典典

如何在jQuery中检索复选框值

all

如何使用jQuery获取选中的复选框值，并立即将其放入 textarea？

就像这段代码：

<html>
  <head>
  </head>

  <body>
    <div id="c_b">
      <input type="checkbox" value="one_name" checked>
      <input type="checkbox" value="one_name1">
      <input type="checkbox" value="one_name2">
    </div>

    <textarea id="t"></textarea>
  </body>
</html>

如果id="c_d"由Ajax更新，则下面的
altCognito 代码不起作用。有什么好的解决办法吗？

阅读 61

2022-05-26

共1个答案

小编典典

这是一个有效的方法（参见示例）：

 function updateTextArea() {         
     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
     });
     $('#t').val(allVals);
  }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

更新

几个月后，另一个问题是关于如何在 ID 更改时保持上述工作。好吧，解决方案归结为将 updateTextArea 函数映射到使用 CSS
类的通用函数，并使用 live 函数来监视 DOM 的这些更改。

2022-05-26