Question

I have developed a MVC3 application in that I want use the Check boxlist in this I have three check boxes. My requirement is when I check the check box it accept only on check box not multiple remaining check box should be unchecked like RadioButton list type.

Please help me… How can I resolve this problem?

Here is my view code

           @{
ViewBag.Title = "MenuCategories";
Layout = "~/Views/Shared/_Layout.cshtml";
 }

  <script type="text/javascript">
$(function () {
    enable_cb();
    $("#ChbkPickup").click(enable_cb);
});

function enable_cb() {
    if (this.checked) {
        $("input.ccc").removeAttr("disabled");
    } else {
        $("input.group1").attr("disabled", true);
    }
}
$(function () {


    $('.example-container > pre').each(function (i) {
        eval($(this).text());
    });
});

 </script>



         @using (Html.BeginForm("OrderCompleted", "Home", FormMethod.Post, new { id = "myForm" }))
             {
                  @Html.ValidationSummary(true)



              Delivery:<input type="checkbox" name="Deliver" value="Deliver" id="Chbkdeliver" />
             Pickup: <input type="checkbox" name="Deliver" value="Pickup" id="ChbkPickup" class="group1"  checked="checked" />
             Dine In:<input type="checkbox" name="Deliver" value="Dinein" class="group1" id="ChbkDinein" />
 }

Answer 1

replace all your javascript tag with this

<script type="text/javascript">
   $(function () {
      $("#myform :checkbox").click(function(){
        $("#myform input:checked").attr("checked","");
        $(this).attr("checked","checked");
      });
   });

 </script>