跳至
[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>欢迎访问我的主页</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>Copy after login
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
