jqueryフォーム操作2_jquery-jsチュートリアル-php.cn

jqueryフォーム操作2_jquery

WBOY

リリース： 2016-05-16 18:08:28

オリジナル

1216 人が閲覧しました

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

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

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); 
}) 

 

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

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

< ;複数選択 id="select1" style="width: 100px;height:100px;">
2">オプション 2

<オプション値="5">オプション 5
<オプション値="6">オプション 6
<オプション値="7"> 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 オプション:選択済み') と同等