BinaryDevelop
  1. ホーム
  2. jquery

[解決済み】jQueryでチェックボックスの値を取得する方法

2022-04-02 12:27:59

質問

使用方法 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の以下のコードは動作しません。何か良い解決策はないでしょうか？

どのように解決するのですか？

以下は動作するものです ( 例を見る ): 

 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クラスを使用する汎用的なものにマッピングし、その変更についてDOMを監視するためにlive関数を使用することに集約されます。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します