function doit(){
var sel_val=$("#type").val();
if (sel_val=='') {
$("#bigClassId1").hide();
$("#bigClassId2").hide();
}
if (sel_val==) {
$("#bigClassId1").show();
$("#bigClassId2").hide();
}
if (sel_val==) {
$("#bigClassId2").show();
$("#bigClassId1").hide();
}
}
</script>--> <select name="type" id="type" onchange="doit();">
<option value="">店铺</option>
<option value="">无</option>
<option value="">有</option>
</select>
<select name="bigClassId" id="bigClassId">
<option value="">类别</option>
<?php
$rs=query("SELECT id,categoryName FROM tb_easy_category WHERE grade in(1,2) AND categoryId=0 AND state = 0");
while($row=fetch_array($rs)){
echo "<option value=".$row["id"].">".$row["categoryName"]."</option>";
}
free_result($rs);
?>
</select>

点击按钮隐藏显示

<?php include "common.inc.php" ?>
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>优品阁-充值有礼</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<link rel="stylesheet" href="assets/css/app.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script language=javascript>
function check(flag){
if(flag == ){
document.getElementById("text1").style.visibility="visible";
document.getElementById("text2").style.visibility="hidden";
document.getElementById("text3").style.visibility="hidden";
}else if(flag == ){
document.getElementById("text1").style.visibility="hidden";
document.getElementById("text2").style.visibility="visible";
document.getElementById("text3").style.visibility="hidden";
}else if(flag == ){
document.getElementById("text1").style.visibility="hidden";
document.getElementById("text2").style.visibility="hidden";
document.getElementById("text3").style.visibility="visible";
}else{
document.getElementById("text1").style.visibility="hidden";
document.getElementById("text2").style.visibility="hidden";
document.getElementById("text3").style.visibility="hidden";
}
}
</script>
</head>
<body>
<!-- header+Menu -->
<?php
$title="充值有礼";
include "menu.php";
?>
<div class="am-form am-margin-top-sm" data-am-validator>
<fieldset>
<table cellpadding="" cellspacing="" border="" width="100%" height="">
<tbody>
<tr align="center" >
<td width="33%" height="25%" style="font-size:20px">充值方式</td>
<td width="73%" height="25%"></td>
</tr>
<tr align="center" >
<td width="33%" height="25%"><label>
<input type="radio" id="type1" onclick="check(1)" name="doc-radio-1" checked>
</label>
<span class="am-fr">支付宝 &nbsp;&nbsp;&nbsp; </span> </td>
<td width="73%" height="25%"><input id="text1" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
</td>
</tr>
<tr align="center" >
<td width="33%" height="25%"><label>
<input type="radio" id="type2" onclick="check(2)" name="doc-radio-1" checked>
</label>
<span class="am-fr">微信支付</span> </td>
<td><input id="text2" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
</td>
</tr>
<tr align="center" >
<td width="33%" height="25%" style=" color:#FF9900;" colspan="">*第三方充值到帐需要一段时间,请耐心等候</td>
</tr>
<tr >
<td width="33%" height=""></td>
</tr>
<tr align="center" >
<td width="33%" height="25%"><label>
<input type="radio" id="type3" onclick="check(3)" name="doc-radio-1" checked>
</label>
<span class="am-fr">充值卡券</span> </td>
<td><input id="text3" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
</td>
</tr>
</tbody>
</table>
<div class="am-form am-margin-top-sm" data-am-validator>
<button class="am-btn am-btn-warning am-radius am-btn-block" onClick="loginAction()">充值</button>
</div>
</fieldset>
<div style="background:#E6E6E6; color:#666666;">注*用户需知;1因水果季节性强,充值有礼赠品请以领取时为准。2账户余额不能购买券卡.3充值后若用户申请充值账户余额退款,获得的赠品的用户需将赠品退回或扣除赠品实际价格金额后退回相应余额 </div>
<?php include "foot.php" ?>
</body>
</html>

php 常用的JS的更多相关文章

  1. JS表单验证-12个常用的JS表单验证

    JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 <p>1. 长度 ...

  2. 几种常用的JS类定义方法

    几种常用的JS类定义方法   // 方法1 对象直接量var obj1 = {    v1 : "",    get_v1 : function() {        return ...

  3. 封装常用的js(Base.js)——【01】理解库,获取节点,连缀,

    封装常用的js(Base.js)——[01]理解库,获取节点,连缀,  youjobit07 2014-10-10 15:32:59 前言:       现如今有太多优秀的开源javascript库, ...

  4. 工作中常用的JS函数整理分享(欢迎大家补充)

    今年在渣X工作整理的常用JS函数 今年来了渣X工作,我所在这个部门分工很奇怪,CSS竟然有专门的人在搞,开发PHP的人员需要处理JS,以至于有时候开发起来不是那么得心应手,感觉把JS和CSS拆开就像是 ...

  5. ASP.NET中常用输出JS脚本的类(来自于周公博客)

    using System; using System.Collections.Generic; using System.Text; using System.Web; using System.We ...

  6. 160229-01、web页面常用功能js实现

    web页面常用功能js实现   1.网页未加载时弹出新窗口 <body onunload="window.open('http://www.a68.cn');">< ...

  7. 常用的js、java编码解码方法

    前言 前后端直接传输数据进行交互不就行了吗,为什么还要进行编码解码?正常情况下直接交互没问题,但当有类似以下情况出现时就需要进行编码再进行传输: 1.编码格式难以统一,导致数据交互过程出现中文乱码等问 ...

  8. 127个常用的JS代码片段,每段代码花30秒就能看懂(上)

    127个常用的JS代码片段,每段代码花30秒就能看懂(上) JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript.” FreeCode ...

  9. 工作中常用的js、jquery自定义扩展函数代码片段

    仅记录一些我工作中常用的自定义js函数. 1.获取URL请求参数 //根据URL获取Id function GetQueryString(name) { var reg = new RegExp(&q ...

  10. 12个常用的js正则表达式

    在这篇文章里,我已经编写了12个超有用的正则表达式,这可是WEB开发人员的最爱哦. 1.在input框中只能输入金额,其实就是只能输入最多有两位小数的数字 //第一种在input输入框限制 <i ...

随机推荐

  1. Linux shell 操作 postgresql,并设置crontab任务

    Linux shell 操作 postgresql:删除间隔日期的数据-删除指定日期的数据-vacuumdb 清理数据库 -清理日志 -定期执行脚本 *修改pg_hba.conf 设置本地连接无密码, ...

  2. hdu_5314_Happy King(树的点分治)

    题目链接:hdu_5314_Happy King 题意: 给出一颗n个结点的树,点上有权值: 求点对(x,y)满足x!=y且x到y的路径上最大值与最小值的差<=D: 题解: 还是树的点分治,在统 ...

  3. Java实现压力测试---可输出请求信息、error信息

    import java.io.; import java.net.; import java.util.; import java.util.concurrent.; public class Tes ...

  4. matlab里的nargin

    nargin是用来判断输入变量个数的函数,这样就可以针对不同的情况执行不同的功能.

  5. Mac 命令行中进入带有空格的文件夹

    http://blog.sina.com.cn/s/blog_5e8392b10100jkvg.html 今天在公司用mac的时候,有个文件夹的名字有空格,怎么都进不去,在网上一查原来不能直接cd 文 ...

  6. 移动前端不得不了解的HTML5 head 头标签(首篇)

    HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容, ...

  7. Python基础篇-day4

    本节目录: 1.字符编码 2.函数 2.1参数 2.2变量 2.3返回值 2.4递归 2.5 编程范式 2.6 高阶函数 *************************************** ...

  8. find the majority element

    Runtime: O(n) — Moore voting algorithm: We maintain a current candidate and a counter initialized to ...

  9. differences between null pointer and void pointer.

    These are two different concepts, you cannot compare them. What the difference between the skunk and ...

  10. read file in a single line

    String text= new Scanner(File('input.txt')).useDelimiter("\\A").next(); java version!