获取单个checkbox选中项(三种写法)
- WBOY원래의
- 2016-06-08 08:47:541213검색
跳至
[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>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：自己开发的分页类，可以适用于各种使用原生sql的场景다음 기사：基于php的正则判断邮箱格式是否合法