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

$('[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 オプション:選択済み') と同等

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：中級および上級の JSER_jquery の jQuery 1.5 ソースコード解釈次の記事：中級および上級の JSER_jquery の jQuery 1.5 ソースコード解釈

jqueryフォーム操作2_jquery

関連記事