javascript - 通过ajax、php、jquery传递checkbox的值

标签 javascript php jquery ajax

美好的一天。伙计们,我遇到了问题。 我需要通过 ajax 将复选框值发送到 php 文件

我的问题 无论何时检查或不检查,我都想在这两种情况下传递该值。 如果被检查,那么它应该已经通过 value="true" 如果没有检查,则只需传递内容中的值即可。通过ajax jquery

注意

我知道 jquery (AJAX) 文件中的代码应该使用 if 条件 进行更新,但我不知道该怎么做

更新 -----

我已经通过以下答案解决了检查条件的问题

但是

在 wallajax.php 文件中,当我使用 if(isset($_POST["content"])) 然后我通过ajax获取内容的值,并且它也在页面中返回其值

但是当我使用 if(isset($_POST["content"]) && isset($_POST["check"]) ) 没有检索到任何值,因此页面上没有显示返回值

我不明白,问题出在哪里,是在 ajax 脚本上还是 wallajax.php 文件上

我的代码。

<script type="text/javascript">
$(function() {

$("#px").click(function() {
    var status2 = $("#status2").val();
     var checkit= $("#checkit").is(':checked');
       var dataString = 'content=' + status2 + '&check=' + checkit;
        $.ajax({
        type: "POST",
        url: "wallajax.php",
        data: dataString,
        cache: false,
        success: function(resol) {
        $('#wallposts').prepend(resol);
        console.log(resol)
              }
        }); return false;
    });

});
</script>

wallajax.php

if(isset($_POST["content"]) && isset($_POST["check"])  ) 
{
---fetched value------feed value in databse------
 }

index.php

<textarea name="content" id="status2"></textarea>
<input name="check" id="checkit" type="checkbox" value="true">check it</input>
<div id="px">Post</div>

最佳答案

而不是

$("#checkit").val();

使用

$("#checkit").prop('checked');

或者

$("#checkit").is(':checked');
<小时/>

我建议

var data = {'content': status2, 'check': checkit};

而不是

var dataString = 'content=' + status2 + '&check=' + checkit;

关于javascript - 通过ajax、php、jquery传递checkbox的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26958173/

相关文章:

java - Swing 完成绘制时通知

javascript - 无法让 vuejs2 和 vue-router 在没有客户端的情况下工作

javascript - Bootstrap 未按预期工作

php - MySQL, PHP 传递 ORDER BY 参数

php - 使用 Codeigniter 更新数据库表中的字段状态

jquery - 如何使用phonegap在拨号框中分配电话号码?

javascript - 使用 ajax 和 laravel 基于状态的过滤

php - MySQL 控制台中的查询结果与 PHP 的 mysql_query() 的结果不匹配

javascript - 如何在基于 angularjs 的应用程序中隐藏工具提示?

javascript - JQuery .next() 没有使用选择器选择下一个元素