Javascript onclick even处理程序显示表单

Question

我想通过一个变量传递到另一个形式，将显示自己当一个特定的单选按钮被单击。但是我不确定最好的方法，因为我不想刷新页面。

打开表单的javascript代码是:

$(document).ready(function(){
    $(".col3flex").css("display","none");
        $(".category").click(function(){
        if ($('input[name=category]:checked')) {
            $(".col3flex").slideDown("fast"); 
        } else {
            $(".col3flex").slideUp("fast");  //Slide Up Effect
        }
     });
});

我现在需要做的是传递单选按钮值，由我的PHP选择语句拾取，以便显示正确的值。

我该如何实现这个呢

谢谢

Answer 1

我相信您在使用事件处理程序时遇到了麻烦，然后检查单选按钮的值。我认为这就是你所需要的(我认为)。类别"是单选按钮吗?"

$('.category').change(function() {
    if ($(this).val('checked') === 'checked') {
        // do whatever...
    }
});

Answer 2

如果您需要通过PHP加载一些后端信息，那么您将无法绕过AJAX—特别是当您需要这些信息而不重新加载页面时。

在向下滑动.col3flex -元素之前，您需要发送ajax请求并填充其信息所需的元素。

如果这不是你想要的，你需要进一步了解你的问题的细节

Answer 3

嗨，你可以发送一个ajax请求到任何其他页面，将呈现其他选择。在点击事件只需发送一个ajax请求到其他页面

 $(document).ready(function(){
$(".col3flex").css("display","none");
    $(".category").click(function(){
    if ($('input[name=category]:checked')) {
        var url='somepage.php';
        var data=$(".category").val();
        $.ajax({url:url,data:data,type:'POST',success:function(data){
         //here you will just populate the html response sent by `somepage.php` say your select has id='select' then
          $('#select').html(data));
         }});
        $(".col3flex").slideDown("fast"); 
    } else {
        $(".col3flex").slideUp("fast");  //Slide Up Effect
    }
 });
 });

您的somepage.php文件将获得post数据并生成下拉

   if(isset($_POST))
    {
      ?>
       //Your html for generating a select statement
       <?
    }