Javascript 如何使用jQueryAjax从复选框中获取值并输入

为了回显复选框中的值，我使用以下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>

PHP:

$('.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);  
            }  
       });  
    });

if(isset($_POST["checkboxes_value"])) {  
  $result = $_POST["checkboxes_value"];  
  echo  '<br />'.$result.'<br />';
} 

if（isset（$\u POST[“复选框\u值”]）{
$result=$\u POST[“复选框\u值”]；
回显“
”。$result.“
”；
} 

如何根据相同的过程在相同的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>

PHP

ASP

JSP

提交

每个循环可能都要简单一点

if(isset($_POST["checkboxes_value"])) {  
   foreach($_POST['checkboxes_value'] as $result){
       echo '<input type="checkbox" class="cb" value="' . $result . '" /> ' . $result . ' <br />';
   }
} 

if（isset（$\u POST[“复选框\u值”]）{
foreach（$\u POST['checkbox\u value']作为$result）{
回显“.$result.”
；
}
} 

所以你可以用这种方法

<input type="text" class="text" value="" />

您的php代码

if(isset($_POST["checkboxes_value"]) && isset($_POST["inputval"]) ) {  
  $result = $_POST["checkboxes_value"];  
  echo  '<br />'.$result.'<br />';
echo  '<br />'.$_POST["inputval"].'<br />';
} 

if（isset（$\u POST[“checkbox\u value”]）和&isset（$\u POST[“inputval”]）{
$result=$\u POST[“复选框\u值”]；
回显“
”。$result.“
”；
回显“
”。$\u POST[“inputval]”。
；
} 

我不确定您为什么要使用AJAX，因为您只返回通过AJAX发送的值。这样做怎么样：

$（'.values'）。单击（函数（）{
var复选框_值=[]；
$（'input'）。每个（函数（）{
如果（选中此项）{
复选框_value.push（$（this.val（））；
}else if（$（this）.hasClass（'text'））{
复选框_value.push（$（this.val（））；
}
});                              
复选框_value=复选框_value.toString（）；
$（'.echo'）.html（复选框_值）；
});
div.echo{页边顶部：50px；背景：小麦；填充：50px；边框：1px纯红；}

PHP

ASP

JSP

提交
我已经可以回显所选复选框的值。但是我想添加输入字段的值，您想文本输入的值包含所有已发布复选框的值吗？我不太明白你需要什么。不，我只是想要额外的输入值。所以，回显复选框的值和回显输入的值。请清除您的问题。是否希望输入字段值基于复选框？e、 如果我们选中PHP复选框，在输入字段中我们将得到这样的PHP？这正是我想要实现的！Thnx用于解决方案。很好！非常有帮助！如果只是返回值，我同意。但是我需要php中的值，所以我只使用echo测试它是否有效。现在我可以将这些值绑定到一个php变量，并用它做一些其他事情。但是，你是对的，仅仅输出html，我不需要ajax。啊，我明白了。谢谢你的回复-我想可能是这样的，但没人敢肯定，所以我想我应该提一下，jic。
if(isset($_POST["checkboxes_value"]) && isset($_POST["inputval"]) ) {  
  $result = $_POST["checkboxes_value"];  
  echo  '<br />'.$result.'<br />';
echo  '<br />'.$_POST["inputval"].'<br />';
}