获取单个checkbox选中项(三种写法)
- WBOYOriginal
- 2016-06-08 08:47:541211browse
跳至
[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>
Statement：
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
Previous article：自己开发的分页类，可以适用于各种使用原生sql的场景Next article：基于php的正则判断邮箱格式是否合法