ホームページ  >  記事  >  ウェブフロントエンド  >  js複数選択全選択と全選択解除の実装 code_javascriptスキル

js複数選択全選択と全選択解除の実装 code_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:47:131059ブラウズ
コードをコピー コードは次のとおりです:

$("select").change(function() {
var n = $(this).children().length;
var obj;
var i = 1;
$(this).children().each(function(){
if(i == n)
{
alert($(this).text());
}
i ;
});
});

上記の 2 つの方法に基づいて、次のように希望する効果を簡単に得ることができました。
コードをコピー コードは次のとおりです。

function selectall()
{
$("select").children().each(function(){$(this) .attr("selected" ,"selected")})
}

children() と $(this).attr("selected","selected") をそれぞれ使用しました
js の使用法
コードをコピー コードは次のとおりです:





;


="button" onclick="selectAll()" value="すべて選択"<




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