jQuery_jqueryでのチェックボックス選択項目の取得などの操作と注意事項
1. チェックボックスの選択された項目を取得します
2. すべてを選択し、チェックボックスのオプションを選択解除します
テスト用のチェックボックス コード スニペット:
id="in1" selected="checked" /> ;
5 年生
label for="in6">6 年生
>8 年生
1: まず最初のポイント、チェックボックスの選択された項目の取得について説明します。インターネット上にあるほとんどのメソッドは、それぞれを使用して以下を取得します:
$("input[name='checkbox '][checked]").each(function () {
alert(this.value);
})
IE でのテスト結果 (私の場合は IE10):
IE10 での効果:
Chrome ブラウザでの効果:
Google で検索して理由を見つけました:
Web サイト: 選択されている入力 CheckBox の数に関する JQuery の質問。IE は正常ですが、FF と Chrome は値を取得できません
私が使用している jquery のバージョンは 1.7.2 なので、それを取得するには :checked を使用する必要があります:
//選択された項目を取得します
huoqu2').click(function () {
} ;
クロムでの効果:
2: すべてのチェックボックスを選択し、選択操作を反転します:
これら 2 つは比較的単純なので、コードに直接進みます。
//すべて選択/すべて選択解除
('#quanxuan').toggle(function () {
$("input[name='abc']").removeAttr("checked");
});
もう一度要約すると、
jqueryのバージョンが1.3より前の場合、チェックボックスの選択項目を取得する操作:
コードをコピー
;
jqueryのバージョンが1.3以降の場合、チェックボックスの選択項目を取得する操作:コードは次のとおりです:
selected").each(function () {
;
完全なテスト デモ コードを添付します:
<script><br> $(function () {<br> //获取选中项(FF和chrome下无效)<br> $('#huoqu').click(function () {</p>
<p> //$("input[name='abc'][checked]").each(function () {<br> // alert(this.value);<br> //});</p>
<p> $('#show').html("");<br> $("input[name='abc'][checked]").each(function () {<br> //alert(this.value);<br> $('#show').append(this.value + " ");<br> });<br> });</p>
<p><br> //获取选中项<br> $('#huoqu2').click(function () {<br> $('#show').html("");<br> $("input[name='abc']:checked").each(function () {<br> //alert(this.value);<br> $('#show').append(this.value + " ");<br> });<br> });</p>
<p><br> //全选/取消全选<br> $('#quanxuan').toggle(function () {<br> $("input[name='abc']").attr("checked", 'true');<br> }, function () {<br> $("input[name='abc']").removeAttr("checked");<br> });</p>
<p><br> //反选<br> $('#fanxuan').click(function () {<br> $("input[name='abc']").each(function () {<br> if ($(this).attr("checked")) {<br> $(this).removeAttr("checked");<br> } else {<br> $(this).attr("checked", 'true');<br> }<br> });<br> });<br> });</p>
<p> </script>

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?
