控制jQuary对象

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>控制jQuery对象</title>
    <script language="javascript" type="text/javascript" 
            src="Jscript/jquery-1.4.2.min.js"></script>
    <style type="text/css">
           .divFrame{width:260px;border:solid 1px #666;font-size:10pt}
           .divTitle{background-color:#eee;padding:5px}
           .divContent{padding:8px;font-size:9pt}
           .divTip{width:244px;border:solid 1px #666;padding:8px;font-size:9pt;margin-top:5px;display:none}
           .txtCss{border:solid 1px #ccc}
           .divBtn{padding-top:5px}
           .divBtn .btnCss{border:solid 1px #535353;width:60px}
    </style>
    <script type="text/javascript">
         $(function(){
           $("#btnSubmit").click(function(){
             var oTxtValue=$("#Text1").val(); //获取文本框的值
             var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值
             var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//获取复选框按钮值
             $("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue); //显示提示文本元素
           })         
         })
    </script>
</head>
<body>
<div class="divFrame">
    <div class="divTitle">请输入如下信息</div>
    <div class="divContent">
        姓名:<input id="Text1" type="text" class="txtCss"/><br />
        性别:<input id="Radio1" name="rdoSex" type="radio" value="男" />男
              <input id="Radio2" name="rdoSex" type="radio" value="女" />女<br />
        婚否:<input id="Checkbox1" type="checkbox" />
        <div class="divBtn"><input id="btnSubmit" type="button" value="提 交" class="btnCss" /></div>
    </div>
</div>
<div id="divTip" class="divTip"></div>
</body>
</html>

阅读更多
个人分类: jQuary
上一篇jQuary事件的链式写法
下一篇控制DOM对象
想对作者说点什么? 我来说一句

JQuary学习治疗

2011年08月12日 9.87MB 下载

jquary快速上手资料

2010年07月10日 206KB 下载

当当网完整

2012年11月13日 8.8MB 下载

jquary的使用

2014年09月10日 849B 下载

Jquary函数大全

2012年08月20日 18KB 下载

酷炫的js和jquary完整项目

2017年01月13日 40.16MB 下载

没有更多推荐了,返回首页

关闭
关闭