关闭

javascript获取html标签值

578人阅读 评论(0) 收藏 举报

 虽然现在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= "提交" onclick='chkSelect()'>提交</button>

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

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

 <select name="select" onchange="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 onclick="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
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1125次
    • 积分:30
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档