特定の<select>オプションは、別のフォームフィールドのチェックボックスを自動的にチェックして無効にします。

Question

私はファイルをアップロードするための非常に簡単なフォームを持っています。フォームには、アップロードするファイルのカテゴリを選択できるドロップダウンメニューがあります。私はまたデフォルトでチェックされていない別のチェックボックスを持っています。ドロップダウンの3番目が選択されている場合、チェックボックスは自動的にチェックされ、無効になるようにするにはどうすればよいですか？ご協力いただきありがとうございます。アクションでそれの

if ($('#selectboxid').val() === $('#selectboxid option:eq(2)').val()) { 
    $('#checkboxid').prop('checked', 'checked').prop('disabled', 'disabled'); 
} 
else { 
    $('#checkboxid').removeAttr('checked disabled'); 
} 

Here's a jsfiddle：

Answer 1

はこのような何かを試してみてください。

更新： @ JohnStricklerの推奨に従ってプロポーズするattrメソッドが変更されました。

Answer 2

選択したインデックスが2（別名3番目のアイテム）であるかどうかをチェックします。上記のチェックボックスをオンにして、チェック/無効にします。 jQueryの1.6のよう

$('select').change(function() { 
    var check = this.selectedIndex === 2; 

    $(':checkbox').prop({ 
    checked: check, 
    disabled: check 
    }); 
});