`

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
分享到:
评论

相关推荐

    JavaScript完全自学宝典 源代码

    6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...

    PHP开发实战1200例源码

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

    《程序天下:JavaScript实例自学手册》光盘源码

    第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复...

    程序天下:JavaScript实例自学手册

    第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复...

    html入门到放弃笔记

    按照元素们的表现形式来分类,分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的,称为 "行内元素" span,i,b,s,u,sup,sub 作用:包裹文本,并处理文本的表现形式 2、块级元素 每个元素独占一...

    JavaScript网页特效范例宝典源码

    实例073 不提交表单获取复选框的值 118 实例074 控制复选框的全选或反选 118 实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码...

    PHP程序开发范例宝典III

    实例026 获取复选框的值 37 实例027 获取单选按钮组的值 38 实例028 获取下拉列表的值 40 实例029 获取跳转菜单的值 41 实例030 获取文件域的值 42 2.2 动态添加表单元素 42 实例031 不提交表单获取...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

    107个常用javascript语句

    34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来確定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...

    JavaScript实用范例词典04-14

    9.42 检验两个复选框是否同时选中... 291 9.43 解除所有复选框的选中... 292 9.44 全选所有复选框... 293 9.45 全选或取消的复选框... 295 9.46 带标签的复选框... 296 9.47 取得下拉列表中选取的值... 297 ...

    javascript函数的解释

    34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...

    Autofill-crx插件

    自动选中复选框和单选按钮; 使用JavaScript自动单击按钮和自动提交表单-表单域向导:使用向导信息栏为您自动生成自动填充规则,而无需查看HTML代码-易于管理:创建配置文件以更好地组织自动填充规则-快速访问:使用...

    自动填充「Autofill」-crx插件

    自动选中复选框和单选按钮;使用JavaScript自动单击按钮并自动提交表单-表单域向导:使用向导信息栏为您自动生成自动填充规则,而无需查看HTML代码-易于管理:创建配置文件以更好地组织自动填充规则-快速访问:使用...

    Eclipse_Swt_Jface_核心应用_部分19

    5.5.2 列表框程序示例 70 5.5.3 常用的方法 73 5.6 组合框(Combo) 74 5.6.1 组合框的样式 75 5.6.2 组合框程序示例 75 5.6.3 组合框的常用方法 77 5.6.4 自定义组合框CCombo类 77 5.7 本章小结 78 ...

    电子商务商城网站代码

    选中圈子进入该圈子的详细信息页和该圈子下发表的所有帖子 缺货登记 会员在本网站查询不到所需商品可以在此登记 四、搜索 商品搜索 根据商品名称进行查询 高级搜索 根据关键字 名称 ,类别 商品编码 价格...

Global site tag (gtag.js) - Google Analytics