(单选后,显示相对应的div)点击免费没有变化,点击收费出现输入框
<li>
<label class="feiyonglabel">活动费用</label>
<div class="textbox textbox2">
<label><input type="radio" name="hdprice" data-type="1" class="hdprice"> 免费</label>
<label id="charge" data="on"><input type="radio" name="hdprice" class="hdprice" value="1" data-type="2"> 收费</label>
</div>
<div class="feiyong"><input class="" type="text"> 元/每人</div>
</li>
<script>
$('.hdprice').click(function(){
var attr = $(this).attr('checked');
if($(this).attr('data-type')=='2'){
if(attr=='checked'){
$('.feiyong').css('visibility','visible');
}
} else{
$('.feiyong').css('visibility','hidden');
}
});
</script> 例子2:
<div class="form-group">
<label class="control-label">申请类型:</label>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 lineheight lineheightlx">
<label><input type="radio" name="leixinra" data='sc' />商城</label>
<label><input type="radio" name="leixinra" data='wm' />外卖(包括商城)</label>
</div>
</div>
<script>
$(function(){
var datatype = $('.lineheightlx input:radio[name="leixinra"]:checked').attr('data');
if(datatype=='wm'){
$('.yincangcontent').show();
} else{
$('.yincangcontent').hide();
}
$('.lineheightlx input').click(function(){
var datatype2 = $('.lineheightlx input:radio[name="leixinra"]:checked').attr('data');
if(datatype2=='wm'){
$('.yincangcontent').show();
}else{
$('.yincangcontent').hide();
}
});
});
</script>
(单选后,显示相对应的div)点击免费没有变化,点击收费出现输入框的更多相关文章
- CSS鼠标悬浮DIV后显示DIV外的按钮
昨天写样式遇到个问题,如何让鼠标悬浮DIV后,显示DIV外的按钮,可以点击到按钮. 效果如下: 问题: 在DIV hover时候将按钮设为display: block,这是很直接的想法,但是这有个问题 ...
- javascript超过容器后显示省略号效果(兼容一行或者多行)
javascript超过容器后显示省略号效果 在实际的项目中,由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div(或其他标签,下同)区域的情况,此时比较好的做法就是 ...
- AngularJS 表单提交后显示验证信息与失焦后显示验证信息
虽然说AngularJS的实时表单验证非常有用,非常高效方便,但是当用户还没有完成输入时便弹出一个错误提示,这种体验是非常糟糕的. 正常的表单验证逻辑应该是在用户提交表单后或完成当前字段中的输入后,再 ...
- ifrem上传文件后显示
ifrem上传文件后显示 1.上传文件按钮 <a class="btn btn-primary pull-right" id="data-upload&quo ...
- layout折叠后显示标题
Easyui的layout折叠后显示怎样可以显示标题 //在layout的panle全局配置中,增加一个onCollapse处理title$.extend($.fn.layout.paneldefau ...
- Advanced Office Password Recovery安装后显示是英文版的
一些才开始接触Advanced Office Password Recovery(即AOPR)的朋友,在安装Advanced Office Password Recovery的时候可能发现Advanc ...
- 微信支付 发布后显示 System:access_denied
微信支付发布后显示 System:access_denied (android)或 System:not_allow(IOS) 我们项目用的是.NET MVC3 授权目录是:http://mynetd ...
- 解决mysql无法插入中文数据及插入后显示乱码的问题
(1)废话不多说就是使用mysql数据库的时候无法输入中文,可以输入中文后显示的又是乱码!! (2开始解决问题: 第一步:找到安装mysql的目录找到 my.ini 文件: 第二步:使用记事本打开my ...
- [转]装完CentOS后,重新开机启动后显示: Initial setup of CentOS Linux 7 (core)
转:装完Centos7提示Initial setup of CentOS Linux 7 (core) 在用U盘装完CentOS后,重新开机启动后显示: Initial setup of Cent ...
随机推荐
- 2014北邮新生归来赛解题报告d-e
D: 399. Who Is Joyful 时间限制 3000 ms 内存限制 65536 KB 题目描述 There are several little buddies standing in a ...
- hdu 4602 Partition
http://acm.hdu.edu.cn/showproblem.php?pid=4602 输入 n 和 k 首先 f(n)中k的个数 等于 f(n-1) 中 k-1的个数 最终等于 f(n-k+1 ...
- C#保存登录用户名供其他页面调用
一.保存登录用户名供其他页面调用 步骤: (1)项目自带的Program.cs,类方法里定义登录的用户名为全局变量loginid,这样整个项目都可以调用它 static class Program { ...
- HDU 3333 树状数组离线查询
题目大意: 询问区间内不同种类的数的数值之和 这里逐个添加最后在线查询,会因为相同的数在区间内导致冲突 我们总是希望之后添加的数不会影响前面,那么我们就在添加到第i个数的时候,把所有在1~i 的区间的 ...
- SeGue 多控制器跨界面传递数据原理
多控制器跨界面传递数据原理
- Android 获取网络状态
1.检测网络是否可用 public boolean isNetWorkConnected() { ConnectivityManager cm = (ConnectivityManager)getSy ...
- 数组的filter方法
filter()函数用于过滤序列,filter()把传入的函数依次作用于每个元素,然后根据返回值是True还是False决定保留还是丢弃该元素. eg: var arr=[10,11,12,13,14 ...
- 《day18_String练习_基本类型包装类_集合入门》
package cn.itcast.api.String.test; public class StringTest_1 { public static void main(String[] args ...
- 设置navigation baritem方法
UIButton *RightBtn=[UIButton buttonWithType:UIButtonTypeRoundedRect]; [RightBtn setImage:[UIImage im ...
- STM32下载显示target dll has been cancelled
使用MDK 4.74向STM32下载时出现各种错误,而且时隐时现, Internal command error.Error:Flash download failed. Target DLL has ...