JavaScript的onclick甚至处理程序显示窗体

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 select语句，以显示正确的值回升的单选按钮值。

我将如何实现这个请

感谢

Answer 1

我相信您遇到麻烦事件处理程序，然后检查单选按钮的值。我认为这是你需要什么（我假设“.category”是的单选按钮？）

$('.category').change(function() { 

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

Answer 2

如果你需要加载一些后端，信息通过PHP你会不会来到我身边AJAX - 特别是如果你需要这样的信息，而不是重新加载页面。

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

如果那不是你想要的，你需要进一步细化你的问题。

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 
     <? 
    }