获取单个checkbox选中项(三种写法)-PHP源码-php.cn

Table of Contents

欢迎访问我的主页

登录信息

底部文本

Home

php教程

PHP源码

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

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>

Copy after login

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn