javascript获取html标签值

 虽然现在jquery当道,但是知道一些javascript还是有好处的(自言自语)。。

(1)获取或设置文本框的值

document.getElementById("文本框ID").value;

document.getElementByName("文本框name").value;

(2)获取或设置div的值

document.getElementById("div的id").innerHTML;  获取或设置 html形式的值

document.getElementByName("div的name).innerTEXT;获取或设置 纯文本形式的值

(3)获取checkbox的值

function 'chkSelect()
{
        var a= document.getElementsByName("chk");
        var s=[];
        for(var i=0;i<a.length;i++)
        {
           if(a[i].type=="checkbox"&&a[i].checked)
           {
              s[s.length]=a[i].value;
           }
        }
        alert(s);
}

 <input name= "chk" type= "checkbox" id= "chk" value= "1">
 <input name= "chk" type= "checkbox" id= "chk" value= "2">
 <input name= "chk" type= "checkbox" id= "chk" value= "3">
 <input name= "chk" type= "checkbox" id= "chk" value= "4">
 <button name= "Submit" value= "提交" οnclick='chkSelect()'>提交</button>

(4)获取下拉列表框的值

<script type="text/javascript">  
function show(value){  
     document.getElementById("showChoise").innerHTML=value;  
}  
</script>  

 <select name="select" οnchange="show(this.options[this.options.selectedIndex].value);">  
     <option value="aa">aa</option>   

     <option value="bb">bb</option>   
</select>  

<div id="showChoise"></div>  

(5)获取radiobutton的值

<input type="radio" value="1" name="define" >
<input type="radio" name="define" value="0" checked >
<input οnclick="get()" type=button value=get>
<script>
function get()
{
for(var i=0;i<document.f.define.length;i++)
if(document.f.define[i].checked)

alert(document.f.define[i].value)
}
</script>

以上为一些常用获取值的方式,都是些初级的东西 可怜
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值