首页 > 后端开发 > 正文

php 一个页面有好几个radio按钮,怎么实现radio按钮切换,检索条件部分跟在动态切换。

2024-12-14 18:37:13 | 我爱编程网

最近经常有小伙伴私信询问php 一个页面有好几个radio按钮,怎么实现radio按钮切换,检索条件部分跟在动态切换。相关的问题,今天,我爱编程网小编整理了以下内容,希望可以对大家有所帮助。

本文目录一览:

php 一个页面有好几个radio按钮,怎么实现radio按钮切换,检索条件部分跟在动态切换。

php 一个页面有好几个radio按钮,怎么实现radio按钮切换,检索条件部分跟在动态切换。

这个是需要用JS来实现的,就类似tap选项卡的效果。下面是找的一个例子,和你想要的效果一样 我爱编程网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"-transitional.dtd">
<html xmlns="">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Radio切换效果</title>
    <style>
    *{margin:0;padding:0;}
    body{margin:50px;font-size:12px;color:#666;}
    li{list-style:none;}
    div{width:210px;}#tab1,#tab2{width:398px;height:34px;border:1px#cfedff solid;border-bottom:0;background:url(images/title.gif)repeat-x;}#tab1 ul,#tab2 ul{margin:0;padding:0;}#tab1 li,#tab2 li{float:left;padding:0 30px;height:34px;line-height:34px;text-align:center;border-right:1px#ebf7ff solid;cursor:pointer;}#tab1 li.now,#tab2 li.now{color:#5299c4;background:#fff;font-weight:bold;}.tablist{width:378px;height:100px;padding:10px;font-size:14px;line-height:24px;border:1px#cfedff solid;border-top:0;display:none;}.block{display:block;}
    fieldset{width:378px;border:1px#B0C0D1 solid;padding:10px;}
    legend{background:#B0C0D1;padding:4px 10px;color:#fff;}#c{margin-top:10px;}.c1,.c2{width:378px;line-height:20px;}.c1{color:#014CC9;}.c2{color:#7E6095;}
    h3{font-size:16px;padding:5px 0;}.red{color:#BD0A01;}
    </style>
</head>

<body>
    <h1>Radio切换</h1>
    <script type="text/javascript">
    function radioShow() {
        var myradio = document.getElementsByName("myradio");
        var div = document.getElementById("c").getElementsByTagName("div");
        for (i = 0; i < div.length; i++) {
            if (myradio[i].checked) {
                div[i].style.display = "block";
            } else {
                div[i].style.display = "none";
            }
        }
    }
    </script>
    <form name="ck">
        <fieldset>
            <legend>I'm Radio</legend>
            <h3>请选择:</h3>
            <label for="r1" class="red">
                <input name="myradio" id="r1" type="radio" value="" checked="checked" onclick="radioShow();" />XML教程</label>
            <label for="r2" class="red">
                <input name="myradio" id="r2" type="radio" value="" onclick="radioShow();" />浏览器脚本</label>
            <div id="c">
                <div class="c1">
                    <label for="xml">
                        <input name="c2" type="checkbox" id="xml" value="" />XML</label>
                    <label for="dtd">
                        <input name="c2" id="dtd" type="checkbox" value="" />DTD</label>
                    <label for="xmldom">
                        <input name="c2" id="xmldom" type="checkbox" value="" />XML DOM</label>
                    <label for="xsl">
                        <input name="c2" id="xsl" type="checkbox" value="" />XSL</label>
                    <label for="xslt">
                        <input name="c2" id="xslt" type="checkbox" value="" />XSLT</label>
                    <label for="xslfo">
                        <input name="c2" id="xslfo" type="checkbox" value="" />XSL-FO</label>
                    <label for="xpath">
                        <input name="c2" id="xpath" type="checkbox" value="" />XPath</label>
                    <label for="xquery">
                        <input name="c2" id="xquery" type="checkbox" value="" />XQuery</label>
                    <label for="xlink">
                        <input name="c2" id="xlink" type="checkbox" value="" />XLink </label>
                    <label for="xpointer">
                        <input name="c2" id="xpointer" type="checkbox" value="" />XPointer</label>
                    <label for="schema">
                        <input name="c2" id="schema" type="checkbox" value="" />Schema</label>
                    <label for="xforms">
                        <input name="c2" id="xforms" type="checkbox" value="" />XForms</label>
                </div>
                <div class="c2" >
                    <label for="js">
                        <input name="c3" id="js" type="checkbox" value="" />JavaScript</label>
                    <label for="hd">
                        <input name="c3" id="hd" type="checkbox" value="" />HTML DOM</label>
                    <label for="dhtml">
                        <input name="c3" id="dhtml" type="checkbox" value="" />DHTML</label>
                    <label for="vbs">
                        <input name="c3" id="vbs" type="checkbox" value="" />VBScript</label>
                    <label for="ajax">
                        <input name="c3" id="ajax" type="checkbox" value="" />AJAX</label>
                    <label for="e4x">
                        <input name="c3" id="e4x" type="checkbox" value="" />E4X</label>
                    <label for="wml">
                        <input name="c3" id="wml" type="checkbox" value="" />WMLScript</label>
                </div>
            </div>
        </fieldset>
    </form>
</body>

</html>

php 一个页面有好几个radio按钮,怎么实现radio按钮切换,检索条件部分跟在动态切换。

请教这个判断如何写?谢谢!一个form两个radio,写个判断如果选择中radio1提交后就把表单信息传到1.php里

可以用js控制
当选中 radio1 的时候改变form的action属性,改成1.php
当选中 radio2 的时候改变form的action属性,改成2.php

这样就能改变表单的传递方向了。但是如果针对用户是比较老的电脑(比如说学校的机房),可能会出现禁用js,或者js兼容性问题失效。那么就可以用后台判断的方法,如下:

表单提交到一个 a.php 中,根据传值判断选中了哪个 radio ,然后选择性的执行代码进行处理(处理的时候可以把1.php 和 2.php 的代码粘贴过来,同样的也可以用include引入)。也就一个 if 判断的事儿

php中radio输出为on,为什么

我爱编程网(https://www.52biancheng.com)小编还为大家带来php中radio输出为on,为什么的相关内容。

多选情况下,将name属性设置为不同的值,如基本使用方式中,此时可对两个选择按钮进行同时选择。

<input type="radio" name="radio" value="1" >天
<input type="radio" name="radio1" value="2" >周

value中的值就是提交到php中的值,看看你的value是被赋值成on了吧

以上就是我爱编程网小编整理的内容,想要了解更多相关资讯内容敬请关注我爱编程网。更多相关文章关注我爱编程网:www.52biancheng.com

免责声明:文章内容来自网络,如有侵权请及时联系删除。
与“php 一个页面有好几个radio按钮,怎么实现radio按钮切换,检索条件部分跟在动态切换。”相关推荐
怎么实现页面一按钮点击后执行一个后台的php函数
怎么实现页面一按钮点击后执行一个后台的php函数

能不能点击html按钮时运行php的定义函数?非常见的Editplus之类的,都是专门为PHP开发的,有兴趣都可以试试看,找出自己用得顺手的就可以了,我推荐3个ZendStudio,DzSoftPHPEditor,Editplus,也是我现在用的,希望对大家有帮助。ZendStudio开发商:目前公认的最强大的PHP开发工具,这种集成软件包包括了用于编辑,调试,配置PHP程序所

2024-11-17 12:50:32
请教php大神,php如何实现点击页面上的一个按钮发送socket的tcp数据
请教php大神,php如何实现点击页面上的一个按钮发送socket的tcp数据

请教php大神,php如何实现点击页面上的一个按钮发送socket的tcp数据1.参考资料socket_create()函数需要三个参数:一个协议、一个socket类型、一个公共协议。socket_create()函数运行成功返回一个包含socket的资源类型,如果没有成功则返回false。Socket函数函数名     描述函数名描述socket_accep

2024-09-21 14:35:53
php文件中添加一个按钮 点击关闭当前页面调用什么函数
php文件中添加一个按钮 点击关闭当前页面调用什么函数

php点击按钮调用一个函数给你一个最简单的示例&lt;?phpfunctionquery(){........代码......}if($_POST["do"]=="yes"){query();}?&gt;&lt;inputtype="button"value="按钮"onclick="javascript:cmdclick()"/&gt;&lt;scr

2024-08-04 11:00:12
MacBook如何一键切换显卡,MacBook显卡切换方法
MacBook如何一键切换显卡,MacBook显卡切换方法

MacBook如何一键切换显卡,MacBook显卡切换方法MacBook怎么一键切换显卡_MacBook显卡切换方法在日常使用中,我们可能经常会遇到MacBookPro被强制使用独显的情况,这样不仅浪费了性能,同时电量也掉的飞快。那么有没有什么好的解决方法呢?通常,我们都是通过在终端窗口输入指令来切换显卡,不过这样做非常麻烦。sudopmset-aGPUSwitch0//强制使用集显

2024-04-04 02:33:40
我在做一个JAVA软件,希望在点击一个按钮后执行一段程序,在执行过程中出现一个进度条,应该怎么添加
我在做一个JAVA软件,希望在点击一个按钮后执行一段程序,在执行过程中出现一个进度条,应该怎么添加

java中swing界面中主程序运行时进度条不显示,程序结束后才显示;注释掉主程序后,再运行,进度条正常显示你的action事件可以放在一个新线程中运行,不要阻挡Swing画图。Swing对事件的响应都是放在一个叫事件派发的线程中去做的,如果你的事件响应监听器本身在被事件派发线程调用时你做的事件太花时间了(比如我们来个无限循环啥的)我们就应该把这个actionPerformed方法中的

2024-06-08 12:20:00
JAVA 如何通过按钮打开另一个程序
JAVA 如何通过按钮打开另一个程序

JAVA如何通过按钮打开另一个程序packagekuohao;importjava.awt.Button;importjava.awt.Color;importjava.awt.FileDialog;importjava.awt.Frame;importjava.awt.TextArea;importjava.awt.event.ActionEvent;impor

2024-05-31 08:27:13
java中如何实现自动计时功能,就是点击一个start按钮就开始计时,以秒为单位
java中如何实现自动计时功能,就是点击一个start按钮就开始计时,以秒为单位

java中如何实现自动计时功能,就是点击一个start按钮就开始计时,以秒为单位简单代码如下:import java.awt.Button;import java.awt.FlowLayout;import java.awt.Label;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;impo

2024-03-25 21:26:30
java在窗口中添加按钮怎么显示在窗口啊
java在窗口中添加按钮怎么显示在窗口啊

java在窗口中添加按钮怎么显示在窗口啊用frame.add(button)添加按钮对象到窗体对象,再用frame.setVisable(true)显示窗口即可或用panel.add(button);frame.add(panel);frame.setVisable(true);javaswing编程中,如何实现点击按钮弹出新的窗口???其实是内部类的运用,我附上

2024-06-09 12:39:21