javascript - 如何从复选框中获取值并使用 jquery ajax 输入
问题描述
为了回显选中复选框的值,我使用了这个 Ajax 代码:
HTML:
<input type="checkbox" class="cb" value="PHP" /> PHP <br />
<input type="checkbox" class="cb" value="ASP" /> ASP <br />
<input type="checkbox" class="cb" value="JSP" /> JSP <br />
<button type="button" class="values">Submit</button>
jQuery:
$('.values').click(function(){
var checkboxes_value = [];
$('.cb').each(function(){
//if($(this).is(":checked")) {
if(this.checked) {
checkboxes_value.push($(this).val());
}
});
checkboxes_value = checkboxes_value.toString();
$.ajax({
url:"",
method:"POST",
data:{ checkboxes_value:checkboxes_value },
success:function(data){
$('.echo').html(data);
}
});
});
PHP:
if(isset($_POST["checkboxes_value"])) {
$result = $_POST["checkboxes_value"];
echo '<br />'.$result.'<br />';
}
如何根据相同的过程和在相同的 Ajax 调用中回显输入字段的值?
所以我的 HTML 将是:
<input type="checkbox" class="cb" value="PHP" /> PHP <br />
<input type="checkbox" class="cb" value="ASP" /> ASP <br />
<input type="checkbox" class="cb" value="JSP" /> JSP <br />
<input type="text" class="text" value="" />
<button type="button" class="values">Submit</button>
解决方案
所以你可以这样做
<input type="text" class="text" value="" />
你的jQuery
$('.values').click(function(){
var checkboxes_value = [];
var inputval=$(".text").val();//getting value of input field
$('.cb').each(function(){
//if($(this).is(":checked")) {
if(this.checked) {
checkboxes_value.push($(this).val());
}
});
checkboxes_value = checkboxes_value.toString();
$.ajax({
url:"",
method:"POST",
data:{ checkboxes_value:checkboxes_value,inputval:inputval},
success:function(data){
$('.echo').html(data);
}
});
});
你的 php 代码
if(isset($_POST["checkboxes_value"]) && isset($_POST["inputval"]) ) {
$result = $_POST["checkboxes_value"];
echo '<br />'.$result.'<br />';
echo '<br />'.$_POST["inputval"].'<br />';
}
推荐阅读
- c# - C# SOAP 客户端会增加大量时间
- javascript - 如何从 WebView 中访问与 Android 应用程序捆绑的 MP3 文件?
- javascript - 创建循环赛 - 使用第二个数组中的唯一元素创建新数组
- python - 如何在 Python 中拆分输入参数
- javascript - 当表单内容增加时,如何轻松使用“浮动”图像来扩展背景?
- android - 如何将基本过滤器应用于 Xamarin Camera2 预览?
- node.js - Mongodb 全局连接冗余
- python - python中套接字的AES加密错误
- python - Pygments 命令行不是语法高亮 HTML 输出
- vb.net - 换行方法