javascript获取html标签值

原创 2012年03月27日 09:34:48

 虽然现在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>

以上为一些常用获取值的方式,都是些初级的东西可怜
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jQuery获取各种html标签的值

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加...

用JavaScript修改HTML标签属性

HTML DOM 对象 从 JavaScript 的观点来看,网页上的每个 HTML 标签都是一个 DOM 对象,标签的属性也是 DOM 对象的属性。如: 从 JavaScript 的观点来...
  • koches
  • koches
  • 2012-05-28 08:27
  • 6532

JavaScript入门之一:HTML常用标签、Js基本语法

HTML常用标签: 浏览器标题html-hello World hello world! 编  号: 用户名: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)