：
var otxtvalue=document.getelementbyid("text1").value;
2、jquery访问dom对象方法：
var otxtvalue=$("#text1").val();
通过jquery库中的方法访问或控制页面中的元素，比使用javascript代码要简洁得多，而且兼容各浏览器。
示例代码：
复制代码 代码如下:
<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"> <br></script>
<script type="text/javascript"> <br>$(function(){ <br>$("#btnSumbit").click(function(){ <br>var oTxtValue=$("#Text1").val(); <br>var oRdoValue=$("#Radio1").is(":checked")?"男":"女"; <br>var oChkValue=$("#Checkbox1").is(":checked")?"已婚":"未婚"; <br>$("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue); <br>}) <br>}) <br></script>
请输入如下信息
姓名：
性别：男
女
婚否：
onclick="btnClick();">
效果图
： 
