一尘不染

如何在jQuery中检索复选框值

html

如何使用jQuery获取选中的复选框的值,并立即将其放入文本区域?

就像下面的代码:

<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>

如果Ajaxid="c_d"更新了,则altCognito的以下代码无效。有什么好的解决方法吗?


阅读 297

收藏
2020-05-10

共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的那些更改。

2020-05-10