当前位置 : 主页 > 网络编程 > PHP >

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

来源:互联网 收集:自由互联 发布时间:2021-06-30
获取单个checkbox选中项 1. [代码] [PHP]代码 !DOCTYPE htmlhtmlhead meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1" title云视频登陆/title link rel="stylesheet" href="http://apps.bdimg.com
获取单个checkbox选中项

1. [代码][PHP]代码    

<!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://img.558idc.com/uploadfile/allimg/210630/0Q350LR-0.jpg"></script>
    <script src="http://img.558idc.com/uploadfile/allimg/210630/0Q3505N4-1.jpg"></script>
</head>
<body>


<div data-role="page">
    <div data-role="header">
        <h1>欢迎访问我的主页</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>登录信息</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>底部文本</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>
网友评论