jqueryフォーム操作2_jquery

チェックボックスのカスケード効果

コードをコピー コードは次のとおりです。

🎜> 好きなスポーツは何ですか?

すべて選択/すべて選択解除

サッカー
バスケットボール
バドミントン
ポンボール

$('#CheckedAll').click(function(){
$('[name=items]:checkbox').attr(" selected", this .checked);
})

ID が「CheckedAll」のチェック ボックスをクリックすると、オプションがオフになっているチェック ボックス グループが選択されます。 ID「CheckedAll」はチェックが入っていません。
この問題を解決するには:

コードをコピーします コードは次のとおりです:

$('[name=items]:checkbox').click(
function(){
var flag = true;
$('[name=items]:checkbox').each(function( ){
if(!this.checked)
flag =
});
$('#CheckedAll').attr('checked',
});
/ /または、選択したチェックボックスの数と同じチェックボックスの総数を使用することもできます
$('[name=items]:checkbox').click(
function(){
var $tmp = $( '[name=items]:checkbox');
//filter メソッドを使用してチェックボックスを除外し、値を CheckedAll
$('#CheckedAll').attr( 'checked', $tmp.length == $tmp.filter(':checked').length);
})

ドロップダウン ボックスのアプリケーション

コードをコピーします コードは次のとおりです。

オプション 1 2">オプション 2
オプション 3
オプション 4
オプション 5オプション>
オプション 6オプション>
7

すべてを右側に追加

複数の id="select2" style="width:100px;height :100px;">

左に追加
すべてを左に追加

選択したオプションを相手に追加します
$('#add ').click(function(){
var $options = $('#select1 option:selected');//選択したオプションを取得
$options.appendTo('#select2');//追加 相手に与える
});
//すべてのオプションを相手に追加
$('#add').click (function(){
var $options = $('#select1 option ');//選択したオプションを取得
$options.appendTo('#select2');//相手に追加
});
//オプションをダブルクリックして相手に追加します
$ ('#select1').dblclick(function(){
var $options = $('option: selected',this);//選択されたオプションを取得
$options.appendTo('#select2') ;//相手に追加
})


追記: $ ('option:selected',this)、$() には 2 つのパラメーターがあり、1 つはセレクター、もう 1 つはスコープです。 $('#select1 オプション:選択済み') と同等