2012-02-17 12 views
1

MVCアプリケーションでフォームにチェックボックスとドロップダウンリストが含まれています。チェックボックスをオンにするとドロップダウンリストを無効にします。また、私はドロップダウンリストで選択された項目として 'なし'の値を設定したい、ドロップダウンリストにいくつかの他のデータがあります。解決策はありますか?これを解決するために私を助けてください。 ありがとうドロップダウンリストMVCのチェックボックスアクションに関して無効化と有効化

+0

@ Html.LabelFor(モデル=> model.IsActive) ​​@ Html.CheckBoxFor(モデル=> model.IsActive) @Html.ValidationMessageFor(model => model.IsActive) –

+1

DOMを操作する方法を示すいくつかのjavascript/jqueryチュートリアルを実行します。 – Eranga

+0

Jqueryなしで可能ですか? dropdownlistitemsの一番上にある? –

答えて

4

これにはjavascriptを使用する必要があります。 jQueryのを使用すると、チェックボックスの.changeイベントをサブスクライブし、ドロップダウンのdisabled属性を切り替えることができます:

$(function() { 
    $('#id_of_your_checkbox').change(function() { 
     if ($(this).is(':checked')) { 
      // disable the dropdown: 
      $('#id_of_dropdown').attr('disabled', 'disabled'); 
     } else { 
      $('#id_of_dropdown').removeAttr('disabled'); 
     } 
    }); 
}); 

はまた、私はドロップダウンリストで選択した項目として「なし」値を移入したい

それはかなり一般的な要件ではありません。 DropDownListForヘルパに2番目の引数として渡すIEnumerable<SelectListItem>コレクションの前に手動でこのアイテムを追加する必要があります。私.cshtmlファイルで

+0

あなたの貴重なanswer.Itのためのダーリンありがとう私の多くの時間を節約します。私はmvcとjqueryで新しいですので.............私はチェックボックスが選択されていることを気づいたことは、フォーム最初のloads.atその時私たちはdropdown.howからselectを選択することができます。このフォームロードを無効にすることはできますか? –

関連する問題