驗證該複選框是必需的文本框

Question

我有一個小問題，我正在尋找，但我找不到我需要什麼，我有3個複選框和一個窗體中的文本框，我需要驗證用戶只可編輯的文本框，如果他們alredy檢查一個複選框，只能選擇其一我嘗試這個辦法：

$("#tbCodCliente").validate({ 
       rules: { 
        checkbox: { 
        required: 'input[type="checkbox"]:checked', 
        minlength: 1 
        } 
       }, 
       messages: { 
        checkbox: "Please check at least one." 
       } 

tbCodCliente是窗體的文本框

，或者嘗試

('#tbCodCliente').change(function() { 
       if($("input:checked").length == 0) { 
      // 
        $("#request-form").validate({ 
         rules: { 
          checkbox: { 
           required: 'input[type="checkbox"]:checked', 
           minlength: 1 
           } 
         }, 
         messages: { 
          checkbox: "Please check at least one." 
         } 
        });   
      //   
       } 
      }); 

這個是我的複選框代碼

<%= Html.CheckBox("cbCodigo") %> <label class="inline" for="Codigo">Codigo</label> 
<%= Html.CheckBox("cbNombreCliente") %> <label class="inline" for="NombreCliente">Nombre del cliente</label> 
<%= Html.CheckBox("cbCiudad") %> <label class="inline" for="Ciudad">Ciudad</label> 

Answer 1

我會在默認情況下禁用的文本框，然後在變化的事件處理程序啓用它（和力量的唯一一次一個選中的複選框）。

$(document).ready(function(){ 
    $('#tbCodCliente input[type="checkbox"]').change(function(e) { 
     if($("input:checked").length == 0) { 
      $("#request-form").validate({ 
       rules: { 
        checkbox: { 
         required: 'input[type="checkbox"]:checked', 
         minlength: 1 
        } 
       }, 
       messages: { 
        checkbox: "Please check at least one." 
       } 
      }); 
     } 
     else{ 
      $("input[type='text']:disabled").removeAttr('disabled'); 
      $("input:checked").not($(e.target)).removeAttr('checked'); 

     } 
    }); 
}); 

jsFiddle