1

jQuery のヘルプが必要です。

チェックボックス付きのフォームがあります。たとえば、次のとおりです。

<form name="myform">
<input type="checkbox" name="apple[]" value="12" />
<input type="checkbox" name="apple[]" value="12" />
<input type="checkbox" name="apple[]" value="14" />
<input type="checkbox" name="apple[]" value="15" />
<input type="checkbox" name="peach[]" value="12" />
<input type="checkbox" name="peach[]" value="14" />
<input type="checkbox" name="peach[]" value="15" />

試したjQueryは次のとおりです。

$(document).ready(function(){ 
    $(":checkbox").change(function(){ 
        if($('.peach').attr("checked")) { 
           alert("Checked"); 
        } 
        else { 
             alert("Unchecked"); 
        } 
     }); 
 });

「peach」という名前のチェックボックスをチェックすると、「peach」と同じ値を持つ「apple」という名前のチェックボックスもチェックできるはずです。したがって、値が 12 の「peach」をチェックすると、値が 12 の「apple」という名前のチェックボックスもチェックする必要があります。

私はjQueryが初めてなので、自分で解決策を見つけることができません...誰かが私を助けてくれますか? :-)

よろしく

フェデリコ

4

3 に答える 3

0

次のことを試してください。

$('input[name^="peach"]').change(function() {
    var apple = $('input[name^="apple"][value='+ this.value +']') // phew
    if (this.checked) {
       apple.prop('checked', true)
    } else {
       apple.prop('checked', false)
    }       
})

デモ

于 2012-07-26T17:12:28.400 に答える
0

on()次のソリューションでは、イベント ハンドラーを要素にアタッチして、checkboxすべてのイベントをキャプチャしchangeます。次にvalue、現在の要素の を取得し、その値を含むcheckbox他のすべての要素をチェックcheckboxします。

$('input[type=checkbox]').on('change', function() {
    $('input[value='+this.value+']').attr('checked', $(this).is(':checked'));
});

デモ: http://jsfiddle.net/z6H7j/

1.7 より前のバージョンでは、その時点では存在しなかったのでdelegate()代わりに使用してください。on()

$(document).delegate('input[type="checkbox"]', 'change', function() {
    $('input[value='+this.value+']').attr('checked', $(this).is(':checked'));
});

デモ: http://jsfiddle.net/8mQwV/

于 2012-07-26T18:21:11.017 に答える
0

このフィドルの作業リンクを確認してください。http://jsfiddle.net/NfU68/ 

$('input').on('click', function() {
    var value = $(this).val();
    var checked = $(this).is(':checked');
    $('input[value='+value+']').attr('checked', checked)
});

ここでは、入力の代わりに、クラスまたは親タグに基づく独自のセレクターを使用できます。デモ目的で使用しました。

于 2012-07-26T17:16:30.170 に答える