单选，复选操作div,显示隐藏
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>会议控制-报名管理-门票设置</title> <!-- bootstrap -->
<link rel="stylesheet" id='style-bootstrap' href="assets/package/bootstrap/css/bootstrap.min.css"> <!-- 主要样式 -->
<link rel="stylesheet" id='style-style' href="assets/css/style.css"> <!-- 让IE8支持HTML5元素和媒体查询-->
<!-- Respond.js必须在网站环境里才可运行-->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]--> </head>
<body> <!-- 头部 -->
<header id="header">
<!-- 头部导航开始 -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">显示导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">优议</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">发现会议</a></li>
</ul>
<!-- <form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form> -->
<ul class="nav navbar-nav navbar-right">
<li><button type="button" class="btn btn-default navbar-btn">发布会议</button></li>
<li><a href="#">右侧导航</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">下拉菜单</a></li>
<li><a href="#">下拉菜单</a></li>
<li><a href="#">下拉菜单</a></li>
<li><a href="#">下拉菜单</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- 头部导航结束 -->
</header>
<!-- 头部结束 --> <!-- 会议主形象开始 -->
<div class="page-user-kv" id="kv">
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="inner cover">
<div class="container">
<h1 class="cover-heading">GIEC2016第二届全球互联网经济大会</h1>
<p class="lead">
</p>
<div class="page-user-kv-meta">
<span><i class="fa fa-users"></i>会议主办方：朗集/朗集/中科创 </span>
<span><i class="fa fa-clock-o"></i>会议举办时间：2016年7月6日</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 会议主形象结束 --> <!-- 主体开始 -->
<main id="main">
<!-- 用户管理第二大导航 -->
<nav class="navbar navbar-default user-center-page-navigation" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">显示导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="row">
<div class="collapse navbar-collapse navbar-ex1-collapse p0">
<ul class="nav navbar-nav">
<li ><a href="meet-basic-intro.html">基本管理</a></li>
<li><a href="meet-extend-index.html">会议推广</a></li>
<li><a href="meet-host-zhu.html">举办方</a></li>
<li><a href="meet-res-select.html">资源管理</a></li>
<li class="active"><a href="meet-sign-join.html">报名管理</a></li>
<li><a href="meet-son-son.html">子帐号</a></li>
<li><a href="meet-doc-all.html">文档管理</a></li>
<li><a href="meet-live-sign.html">现场管理</a></li>
<li><a href="meet-goout-ticket.html">出行管理</a></li>
<li><a href="meet-market-buy.html">应用市场</a></li>
<li><a href="meet-data-meet.html">数据统计</a></li>
</ul>
<!-- <ul class="nav navbar-nav navbar-right">
<li><button type="button" class="btn btn-default navbar-btn">发布会议</button></li>
<li><a href="#">右侧导航</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉菜单 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">下拉菜单</a></li>
<li><a href="#">下拉菜单</a></li>
<li><a href="#">下拉菜单</a></li>
<li><a href="#">下拉菜单</a></li>
</ul>
</li>
</ul> -->
</div>
</div>
</div>
</nav>
<!-- 用户管理第二大导航 -->
<!-- 用户页面 -->
<div class="page-user">
<div class="container">
<div class="row">
<div class="col-md-3 sidebar">
<!-- 用户侧边栏开始 -->
<div class="user-left">
<div class="panel panel-default">
<div class="panel-heading">报名管理</div>
<ul class="list-group">
<a href="meet-sign-join.html" class="list-group-item"><li>参会人员管理</li></a>
<a href="meet-sign-ticket.html" class="list-group-item on"><li>门票设置</li></a>
<a href="meet-sign-sign.html" class="list-group-item"><li>报名设置</li></a>
<a href="meet-sign-invi.html" class="list-group-item"><li>定制邀请函</li></a>
<a href="#" class="list-group-item text-center">
<img src="assets/images/weixin_qrcode_plus.png" alt="二维码" title="扫描二维码" class="imgline"/>
<p>查看会议手机版专题页</p>
</a>
<a href="#" class="list-group-item text-center">
<button class="btn btn-success">查看会议专题页</button>
</a>
</ul>
</div>
</div>
<!-- 用户侧边栏结束 -->
</div> <div class="col-md-9 page-user-right"> <!-- 用户右侧开始 -->
<div class="user-right">
<header>
<div class="user-right-title">
<h4>门票设置</h4>
</div>
</header> <!--短信充值-->
<div class="ticket bf pf20 pb0">
<div class="row pb0">
<div class="col-md-2 text-center">
<img src="http://placehold.it/100x100" class="img-responsive" alt="" title=""/>
</div>
<div class="col-md-7">
<div class="row">
<h4>购票短信通知</h4>
<p>开启通知后，活动验证码会以短信形式发送给报名者！</p>
<div class="col-md-8 pl0">
<div class="radio radio-success">
<input type="radio" name="radio1" id="radio1" value="1"/>
<label for="radio1">
开启（短信内容以66个字符一条进行计费）
</label>
</div>
</div>
<div class="col-md-4">
<div class="radio radio-success">
<input type="radio" name="radio1" id="radio2" value="2" class="mt" checked="checked"/>
<label for="radio2">
关闭
</label>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="row">
<div class="col-md-12">
<span>您的短信余额:</span>
<span id="" class="text-danger h4">0</span>
<span>条</span>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#mychong">充值</a>
</div>
</div>
</div>
</div>
</div>
<!--短信充值结束--> <!--充值摸态框-->
<div class="modal fade" id="mychong" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">标题</h4>
</div>
<div class="modal-body">
<!--充值金额-->
<div class="row">
<div class="col-md-2 pr0">
<small>充值金额:</small>
</div> <div class="col-md-4">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入充值金额">
</div>
</div>
<!--充值金额-->
<!--充值方式-->
<div class="row">
<div class="col-md-2 pr0">
<small>充值方式:</small>
</div> <div class="col-md-2">
<a href="res-bao-active.html" class="b_font">优议宝</a>
</div>
<div class="col-md-2">
<a href="#" class="b_font">微信</a>
</div>
<div class="col-md-2">
<a href="#" class="b_font">支付宝</a>
</div>
</div>
<!--充值金额-->
<!--选择银行-->
<div class="row pb0">
<div class="col-md-2 pr0">
<small>选择银行:</small>
</div> <div class="col-md-4">
<select class="form-control">
<option>工商银行</option>
<option>建设银行</option>
<option>农商银行</option>
<option>交通银行</option>
</select>
</div>
</div> <div class="row pb0">
<div class="col-md-2 pr0">
<small>银行卡类型:</small>
</div> <div class="col-md-2">
<div class="radio radio-success">
<input type="radio" name="radio8" id="radio8" value="option1" checked="checked">
<label for="radio8">
储蓄卡
</label>
</div> </div> <!--<div class="col-md-2">
<div class="radio radio-success">
<input type="radio" name="radio8" id="radio9" value="option2">
<label for="radio9">
银行卡
</label>
</div>
</div>-->
</div>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-3">
<a href="#">选择更多银行</a>
</div>
</div>
<!--选择银行-->
<!--应付金额-->
<div class="row">
<div class="col-md-2 pr0">
<small>应付金额:</small>
</div>
<div class="col-md-3">
<div><span class="fs18 text-warning">57.00</span>元</div>
</div>
</div>
<!--应付金额-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary">快捷支付</button>
</div>
</div>
</div>
</div>
<!--充值摸态框--> <!--添加票-->
<div class="row mt">
<div class="col-md-12">
<button type="button" class="btn btn-success pull-right" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>添加票</button>
</div>
</div>
<!--添加票结束-->
<!--添加票模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">添加门票</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-2">
<span class="b_font block">门票名称:<span class="text-danger">*</span></span>
</div>
<div class="col-md-8">
<input type="text" class="form-control" id="" name="" placeholder="请输入门票名称"/>
</div>
</div>
<div class="row pb0">
<div class="col-md-2">
<span class="b_font block">门票类型</span>
</div>
<div class="col-md-8">
<div class="row pl15 pb0">
<div class="col-md-4">
<div class="radio radio-success">
<input type="radio" name="radio" id="radio3" value="1">
<label for="radio3">
收费门票
</label>
</div>
</div>
</div>
<div id="shoufei" style="display: none;">
<div class="row">
<div class="col-md-3">
<span class="block b_font">费用:</span>
</div>
<div class="col-md-4">
<input type="text" class="form-control" id="" name=""/>
</div>
<div class="col-md-4">
<span class="block text-danger b_font">必填项</span>
</div>
</div>
<div class="row">
<div class="col-md-3">
<span class="block b_font">费用显示:</span>
</div>
<div class="col-md-8">
<select name="" class="form-control">
<option value="">服务费包含在票价中（>=2）</option>
<option value="">服务费不包含在票价中</option>
</select>
<span class="help-inline text-success">售票价格¥<span>100</span>，您所得¥<span>97.5</span>，服务费¥<span>2.5</span></span>
</div>
</div>
<div class="row pb0">
<div class="col-md-3">
<span class="block b_font">是否审核:</span>
</div>
<div class="col-md-4">
<select name="" class="form-control">
<option value="">审核</option>
<option value="">不审核</option>
</select>
</div>
</div>
</div> <div class="row pl15">
<div class="col-md-4">
<div class="radio radio-success">
<input type="radio" name="radio" id="radio4" value="2">
<label for="radio4">
免费门票
</label>
</div>
</div>
</div> </div>
</div>
<div class="row">
<div class="col-md-2">
<span class="b_font block">可售数量:</span>
</div>
<div class="col-md-3">
<input type="number" class="form-control" id="" name="" value="10"/>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="checkbox">
<input id="checkbox1" name="setting" type="checkbox">
<label for="checkbox1">
显示门票高级设置： （售票时间段、购票数限制、门票说明）
</label>
</div>
</div>
</div>
<div class="setting" id="setting">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-2">
<span class="b_font block">售票时间:</span>
</div>
<div class="col-md-9">
<div>
<div class="checkbox">
<input id="checkbox2" type="checkbox" name="checkbox2">
<label for="checkbox2">
（默认到活动结束,也可以自定义售票时间）
</label>
</div>
</div>
<div class="col-md-6 setting" id="customTime">
<input type="text" name="customTime" id="customTime" value="1" class="form-control" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-2">
<span class="b_font block">最小购票:</span>
</div>
<div class="col-md-2">
<input type="number" class="form-control" min="1" value="1" id="" name=""/>
</div>
<div class="col-md-7">
<span class="block text-danger b_font">每次购买此门票的最小数量</span>
</div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-2">
<span class="b_font block">最大购票:</span>
</div>
<div class="col-md-2">
<input type="number" class="form-control" min="1" value="1" id="" name=""/>
</div>
<div class="col-md-7">
<span class="block text-danger b_font">每次购买此门票的最大数量</span>
</div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-2">
<span class="b_font block">门票说明:</span>
</div>
<div class="col-md-7">
<textarea class="form-control" name="" rows="4" cols=""></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-danger">
<p>温馨提示</p>
<p>1.门票价格是用户购买门票需支付的费用。服务费是优议收取的支付手续费。</p>
<p>2.免费门票如果选择了审核，系统将只给组织者审核通过的报名用户发送门票。</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary">保存</button>
</div>
</div>
</div>
</div> <!--门票表格-->
<table class="table table-bordered text-center">
<thead>
<tr class="active text-center">
<th class="col-md-1 text-center">
<div class="m0 checkbox" >
<input id="checkbox4" type="checkbox">
<label for="checkbox4">
</label>
</div>
</th>
<th class="col-md-2">门票名称</th>
<th class="col-md-2">已售/总票数</th>
<th class="col-md-1">售票价格</th>
<th class="col-md-1">服务费</th>
<th class="col-md-2">状态</th>
<th class="col-md-2">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">
<div class="m0 checkbox" >
<input id="checkbox2" type="checkbox">
<label for="checkbox2">
</label>
</div>
</td>
<td>分享券</td>
<td>2/200</td>
<td>¥ 0</td>
<td>¥ 0</td>
<td>正在售票</td>
<td>
<a href="#" data-toggle="modal" data-target="#add" class="btn btn-success btn-xs">暂停</a>
<a href="#" data-toggle="modal" data-target="#myModal" class="btn btn-success btn-xs">修改</a>
</td>
</tr>
</tbody>
</table> <!--收款/发票-->
<!--分页-->
<ul class="nav nav-tabs">
<li class="active">
<a href="#shouqian" data-toggle="tab">
收款设置
</a>
</li>
<li>
<a href="#fapiao" data-toggle="tab">
发票设置
</a>
</li>
</ul>
<!--分页结束-->
<!--分页内容-->
<div class="tab-content">
<div class="tab-pane fade in active" id="shouqian">
<div class="row mt3">
<div class="col-md-2">
信息收集类型
</div>
<div class="col-md-10">
<div class="switch">
<input type="checkbox" name="my-checkbox" checked />
</div>
</div>
</div>
<div class="row pb0">
<div class="col-md-2">
<span class="block b_font">支付币种:</span>
</div>
<div class="col-md-2">
<div class="radio radio-success">
<input type="radio" name="radio3" id="radio5" value="3" checked="checked">
<label for="radio5">
人民币
</label>
</div>
</div>
<div class="col-md-2 pl0">
<div class="radio radio-success">
<input type="radio" name="radio3" id="radio6" value="4">
<label for="radio6">
美元
</label>
</div>
</div>
</div>
<div class="row pb0">
<div class="col-md-2">
<span class="block b_font">支付设置:</span>
</div>
<div class="col-md-2">
<div class="radio radio-danger">
<input id="topPay" type="radio" name="topPay" value="1">
<label for="topPay">
线上支付
</label>
</div>
</div>
</div>
<div class="row pb0 payment" id="payment">
<div class="col-md-2">
</div>
<div class="col-md-3">
<div class="checkbox mt0 pl25">
<input id="checkbox8" type="checkbox" name="alipay">
<label for="checkbox8">
支付宝
</label>
</div>
<div class="row pl25 setting" id="alipay">
<select name="" class="form-control pull-left">
<option value="">21335380@qq.com</option>
<option value="">21335380@qq.com</option>
<option value="">21335380@qq.com</option>
</select>
<a href="#"><span class="text-danger block pull-right">收款账户管理</span></a>
</div>
<div class="row pl25">
<div class="checkbox mt0">
<input id="checkbox9" type="checkbox" name="WeChat" checked="checked">
<label for="checkbox9">
微信支付
</label>
</div>
</div>
</div>
</div>
<div class="row pb0">
<div class="col-md-2">
</div>
<div class="col-md-2">
<div class="radio radio-danger">
<input id="underPay" type="radio" name="topPay" value="2">
<label for="underPay">
线下支付
</label>
</div>
</div>
</div>
</div>
<!--发票分页详情-->
<div class="tab-pane fade" id="fapiao">
<div class="row mt3">
<div class="col-md-2">
发票支持:
</div>
<div class="col-md-4">
<div class="radio radio-inline radio-success">
<input type="radio" name="radiok" id="radioy" value="1" checked="checked"/>
<label for="radioy">开启</label> </div>
<div class="radio radio-inline radio-success">
<input type="radio" name="radiok" id="radion" value="2"/>
<label for="radion">关闭</label> </div>
</div>
</div>
<div class="row fapiao">
<div class="col-md-2">
</div>
<div class="col-md-10">
<div class="row">
<div class="col-md-2">
发票类型:
</div>
<div class="col-md-9">
<div class="radio radio-inline radio-success">
<input type="radio" name="radio" id="radiop" value="" checked="checked"/>
<label for="radiop">普通发票</label>
</div>
<div class="radio radio-inline radio-success">
<input type="radio" name="radio" id="radioz" value=""/>
<label for="radioz">专用发票</label>
</div>
<div class="radio radio-inline radio-success">
<input type="radio" name="radio" id="radiot" value=""/>
<label for="radiot">通用机打发票</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
服务项目:
</div>
<div class="col-md-9">
<div class="add-tags-box-all">
<div class="add-tags-box-all-tip">
<button type="button" class="btn btn-default btn-sm add-tags-btn"><i class="fa fa-plus"></i>添加</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
现场领取:
</div>
<div class="col-md-9">
<div class="radio radio-inline radio-success">
<input type="radio" name="radiox" id="radioy2" value="" checked="checked"/>
<label for="radioy2">开启</label>
</div>
<div class="radio radio-inline radio-success">
<input type="radio" name="radiox" id="radion2" value=""/>
<label for="radion2">关闭</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
快递支持:
</div>
<div class="col-md-9">
<div class="radio radio-inline radio-success">
<input type="radio" name="radiok2" id="radioy3" value="" checked="checked"/>
<label for="radioy3">开启</label>
</div>
<div class="radio radio-inline radio-success">
<input type="radio" name="radiok2" id="radion3" value=""/>
<label for="radion3">关闭</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--分页内容结束--> <div class="row">
<div class="col-md-12">
<button class="btn btn-success">保存</button>
</div>
</div>
</div>
<!-- 用户右侧结束 --> </div>
</div>
</div>
</div>
<!-- 用户页面结束 -->
</main>
<!-- 主体结束 --> <!-- 页脚开始 -->
<footer id="footer"> </footer>
<!-- 页脚结束 --> <!-- script-jquery -->
<script src="assets/js/jquery.min.js"></script> <!-- script-bootstrap -->
<script src="assets/package/bootstrap/js/bootstrap.min.js"></script> <!-- script-bootstrap-superman bs扩展增强 -->
<script src="assets/package/bootstrap/js/bootstrap.superman.js"></script> <!--引用bootstrap开关-->
<script src="assets/package/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
$('[name="my-checkbox"]').bootstrapSwitch({
onColor:"success",
offColor:"info",
size:"mini",
onText:"on",
offText:"off"
});
});
$("input:radio[id='radio1']").click(function(){
alert("温馨提示：请确认您的短信余额充足。如果您的短信余额不足，可能导致该功能不可用。请定期检查您的短信余额。");
});
$("input:radio[name='radio']").click(function(){
var val = $("input:radio[name='radio']:checked").val();
switch(val)
{
case '1':
$('#shoufei').fadeIn('.5s');
break;
case '2':
$('#shoufei').fadeOut('.5s');
break;
} });
$("input:radio[name='radiok']").click(function(){
var val = $("input:radio[name='radiok']:checked").val();
switch(val)
{
case '1':
$('.fapiao').fadeIn('.5s');
break;
case '2':
$('.fapiao').fadeOut('.5s');
break;
} });
$("input:radio[name='topPay']").click(function(){
var val = $("input:radio[name='topPay']:checked").val();
switch(val)
{
case '1':
$('#payment').fadeIn('.5s');
break;
case '2':
$('#payment').fadeOut('.5s');
break;
} });
$("input:checkbox[name='setting']").click(function(){
if($("input:checkbox[name='setting']").is(':checked')) {
$("#setting").css("display","block");
}else {
$("#setting").css("display","none");
}
});
$("input:checkbox[name='alipay']").click(function(){
if($("input:checkbox[name='alipay']").is(':checked')) {
$("#alipay").css("display","block");
$("input:checkbox[name='WeChat']:checked").removeAttr("checked");
}else {
$("#alipay").css("display","none");
$("input:checkbox[name='WeChat']").attr("checked","checked");
}
}); $("input:checkbox[name='checkbox2']").click(function(){
if($("input:checkbox[name='checkbox2']").is(':checked')){
//alert('1111');
$("#customTime").css("display","block");
}else {
$("#customTime").css("display","none");
}
}); /*function chewww_zzjs_netValidate(cb) {
for (j = 0; j < 2; j++) {
if (eval("document.zzjs_net.www_zzjs_net[" + j + "].checked") == true) {
document.zzjs_net.www_zzjs_net[j].checked = false;
if (j == cb) {
document.zzjs_net.www_zzjs_net[j].checked = true;
}
}
}*/
</script> </body>
</html>
单选，复选操作div,显示隐藏的更多相关文章
- [SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- 个人永久性免费-Excel催化剂功能第58波-批量生成单选复选框
插件的最大威力莫过于可以把简单重复的事情批量完全,对日常数据采集或打印报表排版过程中,弄个单选.复选框和用户交互,美观的同时,也能保证到数据采集的准确性,一般来说用原生的方式插入单选.复选框,操作繁琐 ...
- 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义
参考文章: 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义
- 使用 iview Table 表格组件修改操作的显示隐藏
使用 iview Table 表格组件修改操作的显示隐藏,如下图 1.如何设置 table 操作按后台传入的状态值去渲染 不同的按钮? 解决方法 我们在vue2中,动态渲染html 使用的是 retu ...
- Asp.net自定义单选复选框控件
将常用的jquery插件封装成控件也是个不错的选择 下面是效果的简单颜色,由于博客系统的限制没法完整演示最终效果,请下载示例查看 Asp.netWeb APIC#Javascript 1.新建类库 ...
- JavaScript之实现单选复选、菜单以及返回顶部实例
1.单选.复选以及反选实例 其实主要是利用for循环提取标签,然后更改checked属性值实现的 <!DOCTYPE html> <html lang="en"& ...
- Android在listview添加checkbox实现单选多选操作问题（转）
转自:http://yangshen998.iteye.com/blog/1310183 在Android某些开发需求当中,有时候需要在listveiw中加入checkbox实现单选,多选操作.表面上 ...
- Android在listview添加checkbox实现单选多选操作问题
android根据View的不同状态更换不同的背景http://www.eoeandroid.com/thread-198029-1-1.html android 模仿朋友网推出的菜单效果[改进版]h ...
- JQuery基础原理 与实例 验证表单 省市联动 文本框判空 单选 复选 判空 下拉判空 确认密码判等
JQuery 基础原理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> & ...
随机推荐
- Hibernate、乐观锁和悲观锁
悲观锁(Pessimistic Lock), 顾名思义,就是很悲观,每次去拿数据的时候都认为别人会修改,所以每次在拿数据的时候都会上锁,这样别人想拿这个数据就会block直到它拿到锁.传统的关系型数据 ...
- ViewDragHelper练习使用
转载博客地址:http://www.cnblogs.com/flyme2012/p/4076674.html 这个Demo是用来练习VIewDragHelper的,也是仿照网上一个大神的代码.我通过他 ...
- ios 中的构造方法
构造方法 1.什么是构造方法? 初始化对象的方法. 默认情况下,在 OC 当中创建1个对象分为两部分(new 做的事): +alloc:分配内存空间 -init :初始化对象 2.构造方法的作用是? ...
- HighlightingSystem插件使用（边缘发光）
插件链接: http://pan.baidu.com/s/1dFwkaTr 密码: nw2c 导入Unity里面可能会报错,不过没关系,直接注释掉就可以了,我用的是Unity5.1的版本 可以看到如下 ...
- Linux学习之chkconfig命令
chkconfig命令主要用来更新(启动或停止)和查询系统服务的运行级信息.谨记chkconfig不是立即自动禁止或激活一个服务,它只是简单的改变了符号连接. 使用语法:chkconfig [--ad ...
- vmware 使用技巧
1.虚拟机如何进入BIOS界面? 方法: 1) 开机按F2 2) 若来不及按F2的话,可以通过以下 2. 如何让虚拟机进入安全模式? 方法:开机快速按F8 3. 当不能连接到vCenter Serve ...
- CDC变更数据捕获
CDC变更数据捕获 (2013-03-20 15:25:52) 分类: SQL SQL Server中记录数据变更的四个方法:触发器.Output子句.变更数据捕获(Change Data Cap ...
- 查看oracle数据库的大小和空间使用情况
查看oracle数据库的大小和空间使用情况 (2012-06-19 14:44:30) 转载▼ 标签: 杂谈 分类: oracle 1.查看表空间的使用状况 SELECT upper(f.tables ...
- 转:script中的async和defer
script中的async和defer defer: This Boolean attribute is set to indicate to a browser that the script is ...
- intent传对象
intent还有一个很好用的地方,就是传输对象,但要注意的是这里的传输只是将对象复制了一份通过intent进行传递,并不能达到实时更新的效果,也就是这个对象等偏重于“读”.intent对这个对象有着严 ...