2016-09-28 24 views
-1

3つのチェックボックスがあります。 1つのチェックボックスが有効になっている場合は、他の2つのチェックボックスを無効にします。どのようにJQueryとHTMLを使って実装できますか?チェックボックスを無効にする

私はMVCで4

Forenoon @Html.CheckBoxFor(x => x.FromDateforenoon, new { 
    style = "width:auto;", 
    id = "chkFromDate", 
    @onchange = "CalculatedaysOfLeave();" 
}) 
Afternoon @Html.CheckBoxFor(x => x.FromDateafternoon, new { 
    style = "width:auto;", 
    id = "chkAfternoon", 
    @onchange = "CalculatedaysOfLeave();" 
}) 
FullDay @Html.CheckBoxFor(x => x.FromDateFullDay, new { 
    style = "width:auto;", 
    id = "chkFullDay", 
    @onchange = "CalculatedaysOfLeave();" 
}) 
+0

は私が実装することができjavascript.Howでそれをやりたいanswers.Ifいただきありがとうございますか! –

+0

Mussaib Siddiquiの答えは純粋なJavaScriptです。しかし、あなたはjqueryの笑で質問にタグを付けた – Luke

答えて

0

を、それを実装するjQueryの:

$("input[type=checkbox]").change(function() 
{ 
    $("input[type=checkbox]").prop('checked',false); 
    $(this).prop('checked',true); 
}); 

注:イベントとプロパティを使用して、適切な親を付け

関連する問題