`
Maplemirror
  • 浏览: 30951 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js如何判断select是否选中

    博客分类:
  • js
 
阅读更多

1.判断内容为空的函数
function CheckEmpty(Field, FieldTitle)
{
 if (Field.value == "")
 {
  alert("请在\"" + FieldTitle + "\"一栏中输入内容.");
  Field.focus();
  return false;
 }
 
 return true;
}
 

2.判断内容是否为数字,并且为整数的函数
function CheckInteger(Field, FieldTitle)
{
 if (Field.value != "")
 {
  for (i = 0; i < Field.value.length; i++)
  {
   ch = Field.value.charAt(i);
   
   if ( (ch < '0' || ch > '9') && ch != '-' ) {
    alert("\"" + FieldTitle + "\"中只能输入数字.");
    Field.focus();
    return false;
   }
  }
 }
 
 return true;
}
 

3.判断内容是否为数字,并且为小数的函数
function CheckReal(Field, FieldTitle)
{
 if (Field.value != "")
 {
  DotNum = 0;
  for (i = 0; i < Field.value.length;  i++)
  {
   ch = Field.value.charAt(i);
   
   if ((ch < '0' || ch > '9') && ch != '.')
   {
    alert("\"" + FieldTitle + "\"中只能输入数字.");
    Field.focus();
    return false;
   }
   
   if (ch == '.')
   {
    if (DotNum > 0)
    {
     alert("\"" + FieldTitle + "\"中只能输入一个小数点.");
     Field.focus();
     DotNum++;
     return false;
    }
   }
  }
 }
 
 return true;
}

4.判断内容长度是否超过指定长度的函数

function CheckMaxLength(Field, MaxLength, FieldTitle) 

 if (Field.value != "") 
 { 
  if (Field.value.length > MaxLength) 
  { 
   alert("\"" + FieldTitle + "\"中输入的字符请不要超过" + MaxLength + "字符."); 
   Field.focus(); 
   return false; 
  } 
 } 
    
 return true; 
}


5.判断内容长度是否小于指定长度的函数
function CheckMinLength(Field, MinLength, FieldTitle) 

 if (Field.value != "") 
 { 
  if (Field.value.length < MinLength) 
  { 
   alert("\"" + FieldTitle + "\"中输入的字符请不要少于" + MinLength + "字符."); 
   Field.focus(); 
   return false; 
  } 
 } 
    
 return true; 


 6.判断复选框中的值是否选中的函数
function CheckOption(Field, FieldTitle)
{
 for (i = 0; i < Field.length; i++)
  if (Field[i].checked)
   return true;
   
 alert("请选择\"" + FieldTitle + "\"中的值.");
 return false;
}
 
function Checkselect(Field, FieldTitle)
{
 if (Field.options[Field.selectedIndex].value=="")
 {
  alert("请选择\"" + FieldTitle+"\"" );
  Field.focus();
  return false;
 }
 return true;
}


7.此函数用于判断邮箱Email地址是否正确
function CheckEmail(Field)
{
   // there must be >= 1 character before @, so we
   // start looking at character position 1
   // (i.e. second character)
   var i = 1;
   var len = Field.value.length;
 if (len > 50)
 {
  window.alert("email地址长度不能超过50位!");
  return false;
 }
 pos1 = Field.value.indexOf("@");
 pos2 = Field.value.indexOf(".");
 pos3 = Field.value.lastIndexOf("@");
 pos4 = Field.value.lastIndexOf(".");
 //check '@' and '.' is not first or last character
 if ((pos1 <= 0)||(pos1 == len-1)||(pos2 <= 0)||(pos2 == len-1)) 
 {
  window.alert("请输入有效的E-mail地址!");
  Field.focus();
  return false;
 }
 else
 {
  //check @. or .@
  if( (pos1 == pos2 - 1) || (pos1 == pos2 + 1)
    || ( pos1 != pos3 )  //find two @
    || ( pos4 < pos3 ) ) //. should behind the '@'   
  {
   window.alert("请输入有效的E-mail地址!");
   return false;
  }
 }
 return true;
}


8.判断输入框中的值是否为指定的长度(可以判断手机号,身份证号等)
function CheckMustLength(Field, MustLength, FieldTitle) 

  if (Field.value.length != MustLength) 
  { 
   alert("\"" + FieldTitle + "\"中输入的值必须是" + MustLength + "位."); 
   Field.focus(); 
   return false; 
  } 
 return true; 

  
function CheckIntRange(field,prompt,min,max) { 
 if ( ! CheckInteger(field,prompt) ) 
  return false; 
 ival = parseInt(field.value); 
 if ( ival < min || ival > max ) { 
  alert(prompt + " 只能为 " + min + " 到 " + max + " 之间的数"); 
  field.focus(); 
  return false; 
 } 
 return true; 


9.选中指定列表框中的值
function SelectValue(objSelect,strValue){
 if (strValue=="") return;
 for(i=0;i<objSelect.options.length;i++){
  if(objSelect.options[i].value==strValue){
   objSelect.options[i].selected=true;
   break;
  }
 }
}

10,选中指定单选框中的值
function RadioValue(objSelect,strValue){
 if (strValue=="") return;
 for(i=0;i<objSelect.length;i++){
  if(objSelect[i].value==strValue){
   objSelect[i].checked=true;
   break;
  }
 }
}

//复选框选择值
function CheckValue(objSelect,strValue){
 if (strValue=="") return;
 if(objSelect.value==strValue){
  objSelect.checked=true;
 }
}

//复选框选择值
function CheckValues(objSelectList,strValue){
 if (strValue=="") return;
 if (objSelectList.length==null){
  if(strValue.indexOf(objSelectList.value)>=0){
   objSelectList.checked=true;
  }
 }
 else{
  for(i=0;i<objSelectList.length;i++){
   if(strValue.indexOf(objSelectList[i].value)>=0){
    objSelectList[i].checked=true;
   }
  }
 }
}

//复选框选择值
function CheckValue1(objSelect,strValue){
 if (strValue=="") return;
 if(objSelect.value==strValue){
  objSelect.checked=true;
 }
 else{
  objSelect.checked=false;
 }
}

分享到:
评论

相关推荐

    js控制select选中显示不同表单内容select下拉菜单特效

    js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效

    Js操作Select大全(取值、设置选中等等)

    - **判断`select`选项中是否存在`Value="paraValue"`的Item** ```javascript function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i ; i++) { if (objSelect.options...

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。首先,我们需要理解HTML的基本结构和JavaScript的DOM(Document Object Model)操作。 1. **HTML `&lt;select&gt;`元素**: `&lt;select&gt;`元素创建一...

    js获取select默认选中的Option并不是当前选中值

    js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....

    el-select获取选中的label值.pdf

    在Vue.js框架中,Element UI库提供了一个丰富的组件集,其中`el-select`是一个常用的下拉选择组件。在处理用户交互时,有时我们需要获取选中项的`label`或`value`值。从提供的信息来看,这里介绍的是如何在不通过...

    select将选中的option设置为默认选项

    总之,通过JavaScript操作DOM,我们可以方便地在网页上动态设置`&lt;select&gt;`元素的默认选中项。这个功能在许多交互式应用场景中非常有用,比如用户配置、数据筛选等。在实际项目中,还可以结合事件监听器,如`change`...

    js获取select标签选中值的两种方式

    综上所述,无论是JavaScript还是jQuery,获取`&lt;select&gt;`标签选中值的操作都相对简单,关键在于理解DOM元素的属性和jQuery选择器的工作原理。在实际开发中,结合良好的编程习惯和适当的优化策略,可以使这些操作更加...

    使用js判断checkbox是否被选中

    js的一些功能,通过js对checkbox的操作,对select标签的操作

    jquery select 选中值设置左右select选择互换

    本话题聚焦于使用jQuery来实现两个select元素之间的选中值互换功能。这对于用户界面设计,尤其是在需要双向联动或者数据交换的场景下,是一个实用的功能。 首先,我们要了解HTML中的`&lt;select&gt;`元素。它是创建下拉...

    js实现下拉列表选中某个值的方法(3种方法)

    JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...

    Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)

    本文将详细介绍如何使用JavaScript对`&lt;select&gt;`控件进行各种操作,包括新增选项、修改选项、删除选项、选中特定选项、清空所有选项以及判断某个值的选项是否存在。 ### 一、判断选项是否存在 使用以下函数可以检查...

    js操作select控件大全

    js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合,包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 select 选项中是否存在 ...

    select2.mim.js and select2.min.css.zip

    `select2.min.js`是JavaScript文件的最小化版本,用于减少页面加载时间;而`select2.min.css`则是CSS文件的最小化版本,负责样式呈现。这两个文件应当在HTML页面中正确引用,以便Select2库正常工作。 在实际应用中...

    JS实现select选中option触发事件操作示例

    本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里...

    js控制select相关方法

    1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`value`属性是否与目标值匹配。如果找到匹配项,则返回`true`,否则返回`false`...

    js 加载select 项

    总结起来,`js`加载`select`项是一项基础的前端技术,而`JSelect`则通过JavaScript为`select`元素提供了丰富的自定义样式和交互功能,极大地提升了用户体验。在实际项目中,结合这两者可以构建出既实用又美观的下拉...

    jQuery 获取select选中值及清除选中状态

    需要注意的是,在实际开发中,清除select的选中状态可能不仅仅涉及到简单的属性重置,还可能需要更多的逻辑判断,以确保用户界面的正确性和程序的健壮性。另外,实际中将属性值简单设置为'0'可能是为了演示目的,...

    jquery获得select option值

    使用`.is(":checked")`来判断复选框是否被选中。 2. **设置复选框为选中状态**: ```javascript $("#chk2").prop("checked", true); ``` 使用`.prop("checked", true)`可以设置复选框为选中状态。注意这里使用...

    js从select1选择到select2 左边选择到右边(很好用)

    本教程将深入探讨如何利用JavaScript实现从一个`select`(select1)中选择选项并将其移动到另一个`select`(select2)的过程,这在需要对可选项目进行动态管理的场景中非常实用。 首先,我们需要在HTML中定义两个`...

Global site tag (gtag.js) - Google Analytics