2

ページにキャプション付きのチェックボックスがいくつかあります。チェックボックスをすべてチェックし、jQuery を使用してそのチェックボックスの対応する情報を取得したいですか?

最終的に、ユーザーが選択したすべてのフォームを送信したいと考えています。しかし、フォームは知らないので、ユーザーがフォームを開くボタンをクリックしたときに情報を取得する必要があります。

ありがとう！

<section id="myoptions">

<label for="123">
<div class="thisineed">Want this text</div>
<div><input type="checkbox" id="123"></div>
<div class="thisaswell">This one I want as well</div>
</label>

<label for="124">
<div class="thisineed">Want this text</div>
<div><input type="checkbox" id="124"></div>
<div class="thisaswell">This one I want as well</div>
</label>

</section>
4

4 に答える 4

4

これを使用して、チェックされたチェックボックスにアクセスできます。

$('input[type=checkbox]:checked').each(function(){
    console.log(this); 
});

これがあなたへの例です。あなたが探しているものは少し不明ですが、これを確認してください：

$('#get_form').click(function () {
    $('input[type=checkbox]:checked').each(function () {
        console.log(my_form);
        var somevalue = $(this).parent().next('.thisaswell').text();
        console.log(somevalue);
        $('#my_form').append('<input type="hidden" value="'+somevalue+'" />')
    });
});

そして、このデモは、私が例として追加したフォームで隠し入力を生成し、後に div からのテキストを使用します..

于 2013-08-16T12:58:30.620 に答える
0

:checkboxセレクターを使用してチェックボックスを取得し、 :checkedフィルターを使用してチェックされたチェックボックスを取得し、 .map()を使用してそれらのチェックボックスから必要なデータを取得できます

var array = $('#myoptions input').filter(':checkbox:checked').map(function(){
    return { id: this.id, value: this.value}
}).get()
于 2013-08-16T12:59:21.893 に答える
0

これを試して

var checkboxvalue='';
$('#myoptions input[type="checkbox"]').each(function(){
    var this_input=$(this);
    if(this_input.is(':checked')){
    checkboxvalue += this_input.attr('value')    ;
   }

})
alert(checkboxvalue)
于 2013-08-16T13:06:21.050 に答える