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

Inhaltsverzeichnis

欢迎访问我的主页

登录信息

底部文本

Heim

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>

Nach dem Login kopieren

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn