2013-12-09 2 views
0
<tr> 
    <td> 
     <asp:CheckBox ID="checkdoc" runat="server" Checked="false" />:Document 
    </td> 
    <td> 
     <asp:CheckBox ID="checktwocheque" runat="server" Checked="false" />:Two Cheques 
    </td> 
    <td> 
     <asp:CheckBox ID="checkIdprf" runat="server" Checked="false" />:ID Proof 
    </td> 
</tr> 
<tr> 
    <td> 
     <asp:CheckBox ID="checkpancrd" runat="server" Checked="false" />:PAN Card 
    </td> 
    <td> 
     <asp:CheckBox ID="checkAddrssprf" runat="server" Checked="false" />:Address Proof 
    </td> 
</tr> 
<tr> 
    <td colspan="4" align="center"> 
     <asp:Button ID="btnfarmrecordsave" runat="server" Text="Save" OnClientClick="return Validations();" OnClick="btnfarmrecordsave_Click" /> 
    </td> 
</tr> 

Я написал код, подобный этому, для выбора хотя бы одного checkbox. Как написать код для проверки в javascript ?. Я хочу отобразить одно сообщение «Пожалуйста, выберите хотя бы один флажок», если пользователь не выбрал какой-либо флажок?как поставить подтверждение для флажка в asp.net?

+0

почему бы не проверить его на стороне сервера, когда они делают постбэк на нажмите кнопку? (просто интересно узнать, вот и все). В противном случае вам нужно будет сделать событие onclick, вызвать функцию, которая затем проверяет, установлен ли флажок (найденный по ID). –

+0

может помочь вам ... http: //stackoverflow.com/questions/1228112/how -do-i-make-a-checkbox-required-on-an-asp-net-form – yashhy

+0

http://stackoverflow.com/questions/9709209/html-select-only-one-checkbox-in-a-group – Sachin

ответ

2

Пожалуйста, попробуйте реализовать Validations функцию:

<script type="text/javascript"> 
    function Validations() { 
     if (!(document.getElementById("<%=checkdoc.ClientID%>").checked || 
      document.getElementById("<%=checktwocheque.ClientID%>").checked || 
      document.getElementById("<%=checktwocheque.ClientID%>").checked || 
      document.getElementById("<%=checkIdprf.ClientID%>").checked || 
      document.getElementById("<%=checkpancrd.ClientID%>").checked || 
      document.getElementById("<%=checkAddrssprf.ClientID%>").checked)) { 

      alert('You have to select atleast one choice!'); 
      return false; 
     } else { 
      return true; 
     } 
    } 
</script> 
0
<style> 
    .abc{ 
display:box 
    //any style you want to put 
    } 
    </style> 
    <script> 
    function Validations() 
    { 
    if ($('input.abc').not(':checked').length > 0) 
    { 
    alert("please select atleast one checkbox"); 
    } 
    } 
    </script> 

<tr> 
    <td> 
     <asp:CheckBox ID="checkdoc" runat="server" Checked="false" class="abc"/>:Document 
    </td> 
    <td> 
     <asp:CheckBox ID="checktwocheque" runat="server" Checked="false" class="abc"/>:Two Cheques 
    </td> 
    <td> 
     <asp:CheckBox ID="checkIdprf" runat="server" Checked="false" class="abc"/>:ID Proof 
    </td> 
</tr> 
<tr> 
    <td> 
     <asp:CheckBox ID="checkpancrd" runat="server" Checked="false" class="abc"/>:PAN Card 
    </td> 
    <td> 
     <asp:CheckBox ID="checkAddrssprf" runat="server" Checked="false" class="abc"/>:Address Proof 
    </td> 
</tr> 
<tr> 
    <td colspan="4" align="center"> 
     <asp:Button ID="btnfarmrecordsave" runat="server" Text="Save" OnClientClick="return Validations();" 
      OnClick="btnfarmrecordsave_Click" /> 
    </td> 
</tr> 
0

Javascript код:

if (!$(':checkbox').is(':checked')) { 
     alert('please, select ...'); 
    } 
0
function Validations() 
{ 
    var chk = document.getElementsByTagName('input'); 
    for (var i = 0; i < chk.length; i++) 
    { 
    if (chk[i].type == 'checkbox') 
    { 
     if (chk[i].checked) {return true} 
    } 
    } 
    alert("Please select atleast one checkbox"); 
    return false; 
} 
Смежные вопросы