`

HTML表单元素下拉列表及单选复选框选中和获取值

阅读更多

//根据值选中下拉菜单某项

function setSelectedValue(id,value){

var selectObj = document.getElementById(id);

for(i=0;i<selectObj.length;i++){

if(selectObj.options[i].value==value){

selectObj.options[i].selected = "selected";

}

}

}

//获取下拉菜单当前选择的值

function getSelectedValue(id){

var value = document.getElementById(id).value;

return value;

}

//根据值选择多个下拉选项

function setSelectedValues(id,values){

var selectObj = document.getElementById(id);

for(var i=0;i<values.length;i++){

value = values.split(",");

for(var j = 0;j<value.length;j++){

for(var k = 0;k<selectObj.length;k++){

if(selectObj.options[k].value==value[j]){

selectObj.options[k].selected = "selected";

}

}

}

}

}

//获取下拉菜单当前选中的多个值

function getSelectedValues(id){

var selectObj = document.getElementById(id);

var values = "";

for(var i = 0;i<selectObj.length;i++){

if(selectObj.options[i].selected){

var value1 = selectObj.options[i].value;

var value = value1 + ",";

values += value;

}

}

return values;

}

//根据值选中某个单选框

function setCheckedRadio(name,value){

var checkObj = document.getElementsByName(name);

for(i=0;i<checkObj.length;i++){

if(checkObj[i].value==value){

checkObj[i].checked = "checked";

if(name=="dp"&&value==5){

document.getElementById('dp3con').style.display='none';

document.getElementById('dp5con').style.display='block';

}else if(name=="dp"&&value==3){

document.getElementById('dp3con').style.display='block';

document.getElementById('dp5con').style.display='none';

}

if(name=="MsPretight"){

chooseMOrF();

}

}

}

}

//获取当前选中的单选框的值

function getCheckedRadio(name){

var radioValue= "";

       var radioObj=document.getElementsByName(name);

       for(var i=0;i<radioObj.length;i++){

           if(radioObj[i].checked==true){

              radioValue= radioObj[i].value;

              break;

           }

       }

       return radioValue;

}

 

//根据flag选中某个复选框

function setCheckedBox(id,flag){

var checkedBoxObj = document.getElementById(id);

if(flag=="true"){

checkedBoxObj.checked = "checked";

if(id=="MpIsDensityEqv"){

document.getElementById("MpEqvMass").readOnly = false;

document.getElementById("MpEqvMass").style.backgroundColor="#F0F8FF";

}

}else if(flag=="false"){

checkedBoxObj.checked = false;

}

}

//判断某个复选框的是否被选中

function getCheckedBox(id){

var flag = false;

var checkedBoxObj = document.getElementById(id);

if(checkedBoxObj.checked){

flag = true;

}

return flag;

}

0
0
分享到:
评论

相关推荐

    浏览器如何自动填写网页下拉列表框、单选框和复选框

    无论是下拉列表、单选框还是复选框,都可以通过设置特定属性和值来实现自动化,极大地提高了网页交互的效率。对于需要频繁处理网页表单的用户,掌握这种方法无疑能提高工作效率,减少手动输入的时间和错误。

    网页表单自动填写——下拉列表框、单选框、复选框自动填写方法

    ### 网页表单自动填写技术详解:下拉列表框、单选框、复选框自动填写方法 #### 一、网页下拉列表的自动填写实现方法 在现代Web应用开发中,为了提高用户体验及简化操作流程,网页表单自动填写功能逐渐成为一种重要...

    网页表单下拉列表框、单选框、复选框自动填写方法

    ### 网页表单下拉列表框、单选框、复选框自动填写方法 #### 一、网页下拉列表的自动填写方法 在网页表单设计中,下拉列表是非常常见的一种交互形式,特别是在需要用户从多个选项中进行选择的情况下。例如,当用户...

    一组超酷的自定义网页表单元素(复选框单选框下拉列表)效果.zip

    在网页设计中,表单元素是用户与网站交互的关键部分,包括复选框、单选按钮和下拉列表等。这些元素提供了数据输入的方式,使用户能够提交信息、选择选项或进行其他操作。本资源“一组超酷的自定义网页表单元素(复选...

    jquery取单选,复选,下拉小结

    这篇博客"jquery取单选,复选,下拉小结"是关于如何使用jQuery来操作网页中的单选按钮(radio)、复选框(checkbox)以及下拉列表(select)的选择项。下面我们将详细探讨这些知识点。 首先,我们来讨论如何使用...

    jquery操作单选、复选、下拉列表

    - 使用 `[type=checkbox]` 和 `[checked]` 选择器来获取第一个被选中的复选框的值。 ##### 2. 遍历选中项 - **`$("input[@type=checkbox][@checked]").each(function(){ alert($(this).val()); });`** - 使用 `...

    文本框 单选框 复选框 下拉框

    在IT界,尤其是在网页设计和开发领域,"文本框、单选框、复选框和下拉框"是构建用户界面(UI)时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式,用于输入数据、做出选择或执行特定操作。让我们...

    jquery操作下拉列表、文本框、复选框、单选框集合(收藏)

    在Web开发中,下拉列表、文本框、复选框、单选框是常见的表单元素,它们在用户交互中扮演着重要角色。jQuery是一个快速、小巧、功能强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互的过程。本...

    基于easyui 1.4.5的单选和多选框组件

    在实际项目中,单选框和多选框常用于表单提交,例如用户性别选择、兴趣爱好选择等。而`combo`和`combobox`则常用于数据输入,如城市选择、类别筛选等。通过EasyUI的API,我们可以方便地实现组件的联动、验证等功能,...

    jquery获取表单值

    本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、单选按钮、复选框、下拉列表)的值。 #### 一、获取表单控件的值 ##### 1. 获取文本框(`&lt;input type="text"&gt;`)的值 文本框是最常见...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    JavaScript验证注册表单(包含多种表单元素)

    本项目聚焦于使用JavaScript进行注册表单验证,涵盖了多种常见的表单元素,如文本框、单选按钮、复选框、下拉列表以及多行文本域。以下是对这些知识点的详细说明: 1. **文本框** (input type="text"):用于用户...

    jQuery操作下拉列表框

    对于其他类型的表单元素,如单选框和复选框,jQuery同样提供了便捷的API: - 单选框: - `$("input[@type=radio][@checked]").val()`:获取选中项的值。 - `$("input[@type=radio][@value=2]").attr("checked",'...

    js使用DOM设置单选按钮、复选框及下拉菜单的方法

    标题中提到的知识点是“js使用DOM设置单选按钮、复选框及下拉菜单的方法”,描述中指出该知识点在介绍如何使用JavaScript的文档对象模型(DOM)来控制HTML表单中的单选按钮、复选框以及下拉菜单的行为。具体来说,这...

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    jquery 操作单选框,复选框,下拉列表实现代码

    在本篇文章中,我们将探讨如何使用 jQuery 操作三种常见的表单元素:单选框(Radio)、复选框(Checkbox)以及下拉列表(Select)。 1. **复选框全选/反选操作** - HTML 部分:创建多个同名的复选框,通常用于多选...

    Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

    在表单中,单选按钮、复选按钮和下拉列表是常见元素,它们在Vue.js中的使用与其他HTML元素略有不同,本文将详细介绍这些表单元素在Vue.js中的取值问题。 一、单选按钮(Radio Buttons) 单选按钮在表单中用于从多...

    Jquery針對下拉列表操作大全

    本文将详细介绍如何使用jQuery来操作下拉列表,包括获取和设置选择的文本、值,以及添加和删除选项。 **一、获取Select选择的Text和Value** 1. 通过`$("#select_id").change(function(){...})`,我们可以为下拉...

    网页自动填表基础教程.pdf

    本教程主要讲解了四种常见网页元素的自动填写方法:下拉列表、单选框、复选框以及文本输入框和多行文本输入框。 一、下拉列表的自动填写 下拉列表的自动填写通常需要分析网页源代码,通过四种方法实现: 1. **通过...

    jquery表单元素取值

    本文将详细介绍如何使用jQuery来获取表单中的不同元素(如下拉列表、单选按钮、复选框等)的值。 #### 二、基础概念 在深入探讨具体实现之前,先了解一些基础概念: - **选择器**:jQuery提供了一种灵活的方式来...

Global site tag (gtag.js) - Google Analytics