获取单个checkbox选中项(三种写法)-PHP源码-PHP中文网

欢迎访问我的主页

登录信息

底部文本

首页

php教程

PHP源码

获取单个checkbox选中项(三种写法)

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 08, 2016 am 08:47 AM

跳至 [1] [全屏预览]

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>云视频登陆</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>


<div data-role="page">
    <div data-role="header">
        <h1 id="欢迎访问我的主页">欢迎访问我的主页</h1>
    </div>

    <div data-role="main" class="ui-content">
        <a href="#myPopup" data-rel="popup" data-position-to="window"
           class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left">弹窗中使用表单</a>

        <div data-role="popup" id="myPopup" class="ui-content" style="min-width:250px;">
            <form method="post" action="do.php">
                <div>
                    <h3 id="登录信息">登录信息</h3>
                    <label for="user" class="ui-hidden-accessible">用户名:</label>
                    <input type="text" name="user" id="user" placeholder="家长姓名" data-clear-btn="true">
                    <label for="telphone" class="ui-hidden-accessible">手机号</label>
                    <input type="tel" name="tel" id="telphone" placeholder="手机号" data-clear-btn="true">
                    <label for="loginstatus">保存登录</label>
                    <input type="checkbox" name="loginstatus" id="loginstatus" value="1"  data-mini="true">

                    <input type="button" id="login" data-inline="true" value="登录">
                </div>
            </form>
        </div>
    </div>

    <div data-role="footer">
        <h1 id="底部文本">底部文本</h1>
    </div>
</div>


<script>


    $("#login").click(function () {
        var user = $("#user").val();
        var telphone = $("#telphone").val();
     //获取复选框是否被选中的方法
        //$("input:[type='checkbox']:checked").val();
        //$("input[name='ck']:checked").val();
        var  loginstatus =$("input[type='checkbox']:checked").val();
      //  var  loginstatus = $("input[name='loginstatus']:checked").val();

       //var  loginstatus =  $("input:checkbox:checked").val();
        $.ajax({
            type: "POST",
            url: "do.php",
            data: "name=" + user + "&tel=" + telphone + "&loginstatus="+loginstatus,
            success: function (data) {
                alert("成功返回数据： " + data);
            }
        });

    });


</script>


</body>
</html>

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn