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添加...
  • shamao1113
  • shamao1113
  • 2014年12月08日 16:09
  • 2025

javascript获取html元素的几种方法

1.通过id获取html元素 我是div,我的id是mydiv var x=document.getElementById("mydiv").innerHTML...
  • LLalin
  • LLalin
  • 2016年12月17日 21:13
  • 2660

正则表达式提取html标签里的内容

public static void asdf() { var strJson = @"123123123123111566051231231231231233...
  • qq373591361
  • qq373591361
  • 2016年08月24日 15:32
  • 3475

js获取标签元素值

    title    abc    alert(div1.innerText);    alert(document.getElementById("div1").innerText);    a...
  • flynetcn
  • flynetcn
  • 2006年11月25日 16:36
  • 7767

python 获取html标签中的值

#!/usr/bin/env python   #-*- coding: utf8 -*-   import re      html = """                 白天        ...
  • sun754276603
  • sun754276603
  • 2015年08月21日 15:59
  • 1430

html javascript jsp之间变量值的互相读取

javascript html相互读取 javascript-->html: 举个例子:   网页陶吧 同一页面内的引用方法: 1、使用id:   link1.href,返回值为http://ho...
  • qilixiang012
  • qilixiang012
  • 2014年05月16日 18:02
  • 5197

Java使用HtmlParse提取标签中的值

Java使用HtmlParse提取标签中的值☆代码示例:代码块语法遵循标准markdown代码,例如:package cas;import org.htmlparser.Node; import or...
  • u013334392
  • u013334392
  • 2016年12月06日 18:14
  • 1746

JavaScript替换HTML标签

JavaScript替换HTML标签 1、说明       获取HTML字符串(包含标签),通过正则表达式替换HTML标签,输出替换后的字符串 2、实现JavaScript代码 functio...
  • you23hai45
  • you23hai45
  • 2014年06月08日 23:21
  • 2474

正则获取HTML标签内的内容

var a = 'xyz'; var b = "test"; var c = "asasa"; //通过正则表达式获取 var reg = />(.+)tes...
  • sunhuwh
  • sunhuwh
  • 2014年12月05日 23:00
  • 8149

php获取当前html页面某个字段的值

怎样获取当前html页面的某个字段的信息? 可设一个隐藏域,然后获取该标签的name值即可   然后在php中用$_POST获取即可$_POST['idcard'];   或者可以在form...
  • xiesumin
  • xiesumin
  • 2015年05月21日 17:10
  • 958
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript获取html标签值
举报原因:
原因补充:

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