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

最新推荐文章于 2024-06-19 19:53:31 发布

luoxufeng

最新推荐文章于 2024-06-19 19:53:31 发布

阅读量386

点赞数

分类专栏： js/jquery 文章标签： jquery input function xhtml html 工作

本文链接：https://blog.csdn.net/luoxufeng/article/details/6876789

版权

js/jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

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

<!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>