个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
不确定这是否是正确的问题，但基本上我有一个带有复选框的 html 表单。我正在使用需要使用 javascript 代码提取该值的 websocket。但无论天气如何，该框是否被选中，它都会显示"is"的值。我应该如何获取 coorect 值以拉入 python...？
<!DOCTYPE HTML>
<html>
<head>
<title>Flask-SocketIO Test</title>
<script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
namespace = '/test'; // change to an empty string to use the global namespace
var socket = io.connect('http://' + document.domain + ':' + location.port + namespace);
socket.on('connect', function() {
socket.emit('my event', {data: 'Connected... Waiting for you...'});
});
socket.on('my response', function(msg) {
$('#log').append('<br>' + msg.data);
});
$('form#emit').submit(function(event) {
socket.emit('my event', {data: $('#emit_data').val(),
checkbox: $('#checkbox').val()
}
);
return false;
});
});
</script>
</head>
<body>
<h1>Flask-SocketIO Test</h1>
<h2>Send:</h2>
<form id="emit" method='POST' action='#'>
<input type="text" name="emit_data" id="emit_data" placeholder="Message"><br>
<input id="checkbox" checked="checked" name="checkbox" type="checkbox"></td>
<input type="submit" value="Echo"></div>
</form>
<h2>Receive:</h2>
<div id="log"></div>
</body>
</html>
最佳答案
使用选择器:checked并测试所选元素的长度是否大于0:
$('form#emit').submit(function(event) {
socket.emit('my event', {data: $('#emit_data').val(),
checkbox: $('#checkbox:checked').length > 0
}
);
关于javascript - 在 javascript 中读取 html 复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26109538/
24
4
0
我是一名优秀的程序员,十分优秀！