javascript中的复选框列表验证 [英] check box list validation in javascript

问题描述

如果在表单中未选中复选框列表，则显示javascript警报，您需要验证该复选框列表的checked属性。通过使用表单的onSubmit事件和JS函数。可以正确验证表单。

解决方案

示例HTML

 <   asp：CheckBoxList     ID   =  CheckBoxList1     runat   =  server >  
 <   asp：ListItem  >  a <   / asp：ListItem  >  
  <   asp：Lis tItem  >  b <   / asp ：ListItem  >  
 <   asp：ListItem  >  c <   / asp：ListItem  >  
 <   / asp：CheckBoxList  >  
 <   asp：按钮    ID   =  Button1    runat   = 服务r   文字  = 按钮    OnClientClick   = 返回ValidateCheckBoxList（）    /  >  

样品Javascript





<前lang =cs> < span class =code-leadattribute>< script >
function ValidateCheckBoxList（）{

< span class =code-keyword> var listItems = document.getElementById（ CheckBoxList1）。getElementsByTagName（ input）;
var itemcount = listItems.length;
var iCount = 0 ;
var isItemSelected = false ;
for （iCount = 0 ; iCount < ; itemcount; iCount ++）
{
if （listItems [iCount]。 check ）
{
isItemSelected = true ;
break ;
}
}
如果（！isItemSelected）{
alert（ 请选择一个项目。）;
}
其他 {
return 真;
}
返回 false ;
}
< / script >

 function chkselect（）{
  var  cnt =  0 ; 
  for （ var  i =  50 ; i <  document.CtrlForm.elements.length; i ++）{
 
  if （document.CtrlForm.elements [i] .type == ' 复选框'）{ 
 
  if （document.CtrlForm.elements [i]。 checked  ==  true ）{
 cnt ++; 
} 
} 
} 
 如果（cnt ==  0 ）{
 document.getElementById（'  lblError'）。innerHTML = ' 应该选择Atleast 1 Request ..'; 
  return   false ; 
} 
} 

[< a href =target =_ blank> ]

show a javascript alert if no checkboxlist was checked in a form, you need to validate the checked property of that checkboxlist. By using the onSubmit event of the form and a JS function .can validate form correctly.

解决方案

Sample HTML

<asp:CheckBoxList ID="CheckBoxList1" runat="server">
        <asp:ListItem>a</asp:ListItem>
        <asp:ListItem>b</asp:ListItem>
        <asp:ListItem>c</asp:ListItem>
        </asp:CheckBoxList>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return ValidateCheckBoxList()" />

Sample Javascript

<script>
       function ValidateCheckBoxList() {

           var listItems = document.getElementById("CheckBoxList1").getElementsByTagName("input");
           var itemcount = listItems.length;
           var iCount = 0;
           var isItemSelected = false;
           for (iCount = 0; iCount < itemcount; iCount++)
           {
               if (listItems[iCount].checked)
               {
                   isItemSelected = true;
                   break;
               }
           }
           if (!isItemSelected) {
               alert("Please select an Item.");
           }
           else {
               return true;
           }
           return false;
       }
   </script>

function chkselect() {
    var cnt = 0;
    for (var i = 50; i < document.CtrlForm.elements.length; i++) {

        if (document.CtrlForm.elements[i].type == 'checkbox') {

            if (document.CtrlForm.elements[i].checked == true) {
                cnt++;
            }
        }
    }
    if (cnt == 0) {
        document.getElementById('lblError').innerHTML = 'Atleast 1 Request Should be Selected..';
        return false;
    }
}

[]

这篇关于javascript中的复选框列表验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！