checkbox - javascript - jquery チェックボックス チェックされたら - jQueryによるチェックボックスの "checked "の設定

jquery チェックボックス 連動 / javascript / jquery / selected / checked

jQueryを使用して checkboxオンにするには、次のようなことをしたいと思います。

$(".myCheckBox").checked(true);
$(".myCheckBox").selected(true);

Peter Mortensen



Answer #1

これは、クロスプラットフォームの標準であり、フォームの再投稿を可能にするため、jQueryでチェックボックスをチェックしたりアンチェックしたりする正しい方法です。

$('.myCheckBox').each(function(){ this.checked = true; });

$('.myCheckBox').each(function(){ this.checked = false; });

このプラグインは、jQueryで選択されたすべての要素のcheckedプロパティを変更し、あらゆる状況下でチェックボックスのチェックとアンチェックを成功させます。一見、大げさな解決策のように見えますが、あなたのサイトのユーザーエクスペリエンスを向上させ、ユーザーの不満を防ぐことができます。

(function( $ ) {
    $.fn.checked = function(value) {
        if(value === true || value === false) {
            //チェックボックスの値を設定します
            $(this).each(function(){ this.checked = value; });
        } 
        else if(value === undefined || value === 'toggle') {
            //チェックボックスを切り替えます
            $(this).each(function(){ this.checked = !this.checked; });
        }

        return this;
    };
})( jQuery );

また、プラグインを使用したくない場合は、以下のコードスニペットを使用することもできます。

// 小切手
$(':checkbox').prop('checked', true);

//チェックを外します
$(':checkbox').prop('checked', false);

//トグル
$(':checkbox').prop('checked', function (i, value) {
    return !value;
});