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