[解決済み] jQueryを使用してチェックボックスの変更を処理するには?
2022-10-05 15:24:05
質問
私はいくつかのコードを持っています
<input type="checkbox" id="chk" value="value" />
<label for="chk">Value </label>
<br/>
<input type="button" id="But1" value="set value" />
<br />
<input type="button" id="But2" value="read checked" />
javascriptを使用します。
$(document).ready(function () {
console.log("Ready ...");
registerHandlers();
function registerHandlers() {
$('#But1').click(function () {
$('#chk').prop('checked', !$('#chk').is(':checked'));
});
$('#But2').click(function () {
var chk1 = $('#chk').is(':checked');
console.log("Value : " + chk1);
});
$('input[type="checkbox"]').change(function () {
var name = $(this).val();
var check = $(this).prop('checked');
console.log("Change: " + name + " to " + check);
});
}
});
jQueryでチェックボックスの変更を処理するには? チェックボックスがチェックされたら、それを変更するハンドラを配置する必要があります。
[更新】してください。]
チェックボックスといくつかのボタンがあります。 各ボタンはチェックボックスを変更することができます。 チェックボックスを変更するイベントをキャッチするにはどうしたらよいでしょうか。
[更新】の場合]
この例では、変更チェックボックスを処理する必要があります jsfiddle . 私はボックスをクリックすると、メッセージ&quot;OK&quot;ボタンが表示されていません。
解決方法を教えてください。
使用方法
:checkbox
セレクターを使用します。
$(':checkbox').change(function() {
// do stuff here. It will fire on any checkbox change
});
関連
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] jquery - is not a function エラー
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】チェックボックスがチェックされているかどうかをjQueryで確認する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] セレクトした要素の外側のHTMLを取得する
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] jQueryを使用してCSSのdisplay noneまたはblockプロパティを変更するにはどうすればよいですか?
-
[解決済み] jQueryは要素のレンダリングされた高さを取得しますか?
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] jQueryでloading spinnerを表示するには?
-
[解決済み] セレクトボックスの選択項目を設定する