关于jquery获取表单中一下简单的元素的值

好记性不如烂笔头,本人就是从来不做笔记的人,基本遇到一些简单的问题都是去查资料,这就在一定程度上降低了工作效率。毕竟要花时间去查。

现把这些简单的,常用的获取值的方法记录下来。

 

<!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></title>
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //取复选框的值
            var love = "";
            var chkValue = $(":input[type=checkbox][name=chkLove]:checked").each(function () {
                love += $(this).val() + ",";
            });
            alert(love);

            //取单选框的值
            var sex = $(":input[type=radio][name=sex]:checked").val();
            alert(sex);
            //取下拉列表的值
            var city = $("#city").val();
            alert(city);
            //取下拉列表文本值
            var city2 = $("#city option:selected").text();
            alert(city2);
            //获取文本框的值
            var name = $('#name').val();
            alert(name);
            alert($('#name').val("你好").val()); //为文本框赋值
        })
    </script>
</head>
<body>
爱好:<input  type="checkbox" name="chkLove" value="0" />看书
<input  type="checkbox" name="chkLove" value="1"/>打球
<input  type="checkbox" name="chkLove" value="2"/>逛街
<input  type="checkbox" name="chkLove" value="3"/>看电视
<input  type="checkbox" name="chkLove" value="4"/>睡觉</br>
性别:<input type="radio" name="sex" value="0" />男
<input type="radio" name="sex" value="1" />女
<input type="radio" name="sex" value="2" />不男不女<br />
所属城市:<select id="city">
  <option value="0">北京</option>
  <option value="1">上海</option>
  <option value="2">天津</option>
  <option value="3">广州</option>
  <option value="4">深圳</option>
  <option value="5">湖南</option>
</select><br />
姓名:<input type="text" id="name" value="000" />
</body>
</html>

阅读更多
个人分类: js/jquery
想对作者说点什么? 我来说一句

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

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭