js操作checkbox,radio,select -

jc_dreaming

浏览: 1882879 次
性别:
来自: 合肥

最近访客更多访客>>

Janne

q649916440

gxlwl

风吹雨打风

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

js操作checkbox,radio,select

博客分类：

最近经常用JS操作 select checkbox 及radio 几个简单函数记录如下以备查用

Js代码
function getRadioValue(radioName){

      var obj = document.getElementsByName(radioName);
      var objLen= obj.length;
      var i;
    for (i = 0;i< objLen;i++){
        if (obj [i].checked==true) {
         return obj [i].value;
        }
      }
      return "";
}

//获取复选框的值
function getCheckboxValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
    if (obj [i].checked==true) {
     result+=obj [i].value+",";
    }
}
return result;
}

//复选框是否处于选中状态
function CheckboxToChecked(eleName, cValue){

var obj = document.getElementsByName(eleName);

var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){

    if (obj [i].value==cValue) {

     obj [i].checked=true;
    }else{
    obj [i].checked=false;
    }
}
return result;
}

//checkBox至少选中一项
function chkCheckBoxChs(objNam,txt){
var obj = document.getElementsByName(objNam);
var objLen= obj.length;
var num=0;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
num++;
}
}
if(num==0){
     alert(txt);
      return false;
     }
    return true;
}

function getRadioValue(radioName){

var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
return obj [i].value;
}
}
return "";
}

//获取复选框的值
function getCheckboxValue(radioName){
var obj = document.getElementsByName(radioName);
var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){
if (obj [i].checked==true) {
result+=obj [i].value+",";
}
}
return result;
}

//复选框是否处于选中状态
function CheckboxToChecked(eleName, cValue){

var obj = document.getElementsByName(eleName);

var objLen= obj.length;
var i;
var result="";
for (i = 0;i<objLen;i++){

if (obj [i].value==cValue) {

obj [i].checked=true;
}else{
obj [i].checked=false;
}
}
return result;
}

//checkBox至少选中一项
function chkCheckBoxChs(objNam,txt){
var obj = document.getElementsByName(objNam);
var objLen= obj.length;
var num=0;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
num++;
}
}
if(num==0){
alert(txt);
return false;
}
return true;
}

其他只读的属性的为 readOnly (注意大小写)

Js代码
function toReadOnly(ele ,flag){
        var obj=document.getElementById(ele);
        if(obj!=null){
             if(flag==0){//可读
                obj.readOnly=false;
                 obj.style.backgroundColor="white";
             }else{//只读
                 obj.readOnly=true;
                 obj.value="";
                 obj.style.backgroundColor="#D8D8D8";
             }
      }
    }

select操作
<html>

<body>
<script>
function test(){
var obj = document.getElementById("temp");

var value = obj.options[obj.selectedIndex].value;
alert(value);
}

</script>
<form>
<select name="cars" id="temp" onclick="test();">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

js获取select元素的value值和文本的方法

获得选中的对象

var selectobj = document.getElementById("selectId");

获得索引;

var　index = selectobj.selectedIndex;

获得选中的value的值

var value = selectobj.options[index].value

文本的值:

var text = selectobj.options[index].text

分享到：

实用Script详解：一触即停的滚动信息栏 | window.opener属性与window.open()方法

2010-09-08 09:12
浏览 3891
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js操作checkbox,radio,select

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js操作checkbox,radio,select

评论

发表评论

相关推荐

下载文件的一种简单方法js

JS escape、encodeURI 、encodeURIComponent 编码与解码

理解setTimeout和setInterval

Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)

js中SetInterval与setTimeout

ＪＳ人民币大写转化

您查看的网页正在试图关闭窗口。是否关闭此窗口”的屏蔽方法(JavaScript)

JS获取页面大小信息

JS 使用try...catch

让你理解HTML DOM :节点,节点树,访问节点!

js生成Table最好的例子并且获取table json，Copy即可运行

js掩藏table列或者行

正则表达式通过实例透彻理解

JS正则验证邮箱/手机/电话的格式

是js 常用正则表达式表单验证代码

js 当前浏览者的显示器分辨率:

js处理乱码

实用Script详解：一触即停的滚动信息栏

window.opener属性与window.open()方法

js判断对象是否为空

最近访客更多访客>>