ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery の全選択 (全選択なし) は、 Introduction_jquery の選択された値を取得します。

jQuery の全選択 (全選択なし) は、 Introduction_jquery の選択された値を取得します。

WBOY
WBOYオリジナル
2016-05-16 17:15:561338ブラウズ

ページコード

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

すべて

day

< input type="checkbox" name="checkbox" value="fly" />fly
come


Word
これ
両方
いいえ
計算
物事
;




js のコード

コードをコピーします コードは次のとおりです:
/*js 部分
* バインド バッチの選択/未選択
* 例
*/

$(function () {
$("#checkall").click(function () {
var stu = $(this).attr("checked");
checkAll (stu);
})
$("input[name='checkbox']").click(function () {
uncheckAll();
})
})
function checkAll(status) {
$("input[name='checkbox']").each(function () {
$(this).attr("checked");
$ (this).attr("checked", status);
})
}

function uncheckAll() {
alert($("input[name='checkbox'] : チェック済み").length);
if ($("input[name='checkbox']:checked").length == $("input[name='checkbox']").length) {
$("#checkall").attr("checked",true);
}
else {
$("#checkall").attr("checked", false); > }
}

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

関連記事

続きを見る