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. OSCache 使用

    引入OSCache的jar包 package com.sun.utils; import java.util.Date; import com.opensymphony.oscache.base.Ne ...

  2. jQuery技巧大放送【转】

    1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用do ...

  3. awk 中 FS的用法

    在openwrt文件 ar71xx.sh中 查询设备类型时,有这么一句, machine=$(awk 'BEGIN{FS="[ \t]+:[ \t]"} /machine/ {pr ...

  4. JVM基础02-class文件

    一.class文件结构 介绍之前,请下载一个Bytecode工具,例如byte code viewer或者Java Bytecode Editor,我用的是后者Java Bytecode Editor ...

  5. Linux vim编辑器

    1.工作模式 命令模式(a,i,o等键)——>输入模式 输入模式(Esc键)——>命令模式 命令模式(:键)——>末行模式 末行模式(Esc键)——>命令模式 2.vim使用命 ...

  6. LeetCode OJ 289. Game of Life

    According to the Wikipedia's article: "The Game of Life, also known simply as Life, is a cellul ...

  7. 使用observable数组(Working with observable arrays)

    observable数组(observable arrays) 如果你要探测和响应一个对象的变化,你应该用observables.如果你需要探测和响应一个集合对象的变化,你应该用observableA ...

  8. 1.0 Python 学习网站

    w3cschool : http://www.runoob.com/python/python-tutorial.html cnblog Python 从入门到精通:  http://www.cnbl ...

  9. Thrift源码解析--TBinaryProtocol

    本文为原创,未经许可禁止转载. 关于Tprotocol层都是一些通信协议,个人感觉内容较大,很难分类描述清楚.故打算以TBinaryProtocol为例,分析客户端发请求以及接收服务端返回数据的整个过 ...

  10. Thrift源码解析--transport

    这一层主要是用于实现网络通信,现在都是基于Tcp/Ip,而Tcp/Ip协议栈由socket来实现,换句话说就是现在网络通信服务底层大都是通过socket实现的,在thrift源码中,就是将socket ...