fastadmin 简单的根据单选按钮显示对应的文本框

效果介绍:在点击添加修改时,对于一些字段只是在某种情况下才会出现

效果如图 ,其实实现很简单,只需要JQ就好

<div class="form-group qwe" id="qwe" ><label class="control-label col-xs-12 col-sm-2">{:__('User_vip')}:</label><div class="col-xs-12 col-sm-8" id="zxc" >{:build_radios('row[user_vip]',['0'=>__('No'),'1'=>__('Yes')], 0)}</div></div><!--引入jq--->
<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script><script type="text/javascript">$("#qwe").on("click","input",function(){var menu_li=$("input[name='row[user_vip]']:checked").val();console.log($("input[name='row[user_vip]']:checked").val());if(menu_li==0){//  $("#asd").remove();$("#asd").hide();}else{$("#asd").show(); }})</script>
<style>#asd {display: none;}
</style><div class="form-group" id="asd" ><label class="control-label col-xs-12 col-sm-2">{:__('会员价格')}:</label><div class="col-xs-12 col-sm-8"><input id="c-vip_price" data-field="title"  class="form-control " name="row[vip_price]" type="text" value=""></div></div>

这样就会实现如图效果

fastadmin 简单的根据单选按钮显示对应的文本框相关推荐

  1. iOS 9应用开发教程之显示编辑文本标签文本框

    iOS 9应用开发教程之显示编辑文本标签文本框 ios9显示.编辑文本 在iOS,经常会看到一些文本的显示.文字就是这些不会说话的设备的嘴巴.通过这些文字,可以很清楚的指定这些设备要表达的信息.本节将 ...

  2. 电脑桌面图标右下角显示有白色文本框

    电脑桌面图标右下角显示有白色文本框 #1.尝试过加入脚本.bat 失败 @echo off taskkill /f /im explorer.exe CD /d %userprofile%\AppDa ...

  3. 表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

    单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"& ...

  4. 基于js的一个日历控件,点击按钮,弹出日历,显示日期到文本框

    首先是一些js代码: <Script LANGUAGE="JavaScript"> var months = new Array("一", &quo ...

  5. ListBox选中项数量显示于TextBox文本框中

    要完成的功能:点击ListBox选中一个或多个选项时,TextBox中自动显示选中项的数量. 如下图显示: 分析: 你原先错误的思路:ListBox配置好数据源,然后在TextBox的后台事件Text ...

  6. 【MATLAB】在MATLAB中利用GUI编写加法计算器,要求:通过两个编辑文本框实现两个数字的输入,点击“开始计算”按钮进行计算,并在用于结果显示的静态文本框中实现两输入数字的和的显示

    1)打开Matlab,点击工具栏上的[File]–>New–>GUI,命名为:addnum.fig  2)在addnum.fig面板里,拖曳3个静态文本TXT控件(不做任何修改).3个编辑 ...

  7. android 代码控件框高,Android控件_TextView(显示文本框控件)

    一.TextView控件的常用属性 1.android:id--控件的id 2.android:layout_width--设置控件的宽度 wrap_content(包裹实际文本内容) fill_pa ...

  8. html隐藏input边框线,html中去掉文本框(input type=text)的边框或只显示下边框

    去掉: 只留下边框: CSS - input 只显示下边框 CSS 样式 :   border:none;   border-bottom: 1px solid #000 文本框input:text ...

  9. input得到焦点显示文本框,失去焦点隐藏文本框

    上一篇 : input 输入的内容时更改input的宽度 此篇是上一篇的延伸功能 input得到焦点显示文本框,失去焦点隐藏文本框 思路 : 1 创建一个文本标签font和输入标签input,页面加载 ...

最新文章

  1. 不使用任何框架实现CNN网络
  2. OpenCV norm 计算范数(18)
  3. 换了你你又会杀了谁(zz)
  4. CSP:CSP认证考试:202104-1(灰度直方图)满分答案,Java版
  5. 计算掩码、网络地址(最小主机地址,最高主机地址)、广播地址、IP地址范围、主机号...
  6. Entity Framework返回IEnumerable还是IQueryable?
  7. 使用 NOR Flash 中的supervivi 下载裸机程序到NandFlash
  8. Qtum量子链AUR开发工具包即日上线
  9. 马云正传——读书笔记
  10. ICPC 2019-2020 North-Western Russia Regional Contest 补题部分
  11. P2550 [AHOI2001]彩票摇奖(python3实现)
  12. 应用安全-安全设备-Waf系列-软Waf-D盾
  13. 2022新版WIFI营销微信小程序源码+三级分销
  14. Phoenix创建Hbase二级索引
  15. tomcat-解决get请求中文乱码问题
  16. javascript有声调的汉字注音字典(兼容各浏览器)
  17. iOS动画专题·UIView二维形变动画与CAAnimation核心动画
  18. 7-5 单词首字母大写 (15分)
  19. shell sftp 命令大全
  20. C# DateTime Subtract

热门文章

  1. 解决IDEA里提示Spring Configuration Check “Unmapped Spring configuration files found.的问题
  2. 每天记录学习的新知识:圆的运算公式
  3. 铁氧体材质PC40和PC95特性对比
  4. 解决 无法解析名称 NaiveBayes.fit。/i get Undefined variable “NaiveBayes“ or class “NaiveBayes.fit“.
  5. CSDN上海英雄会嘉宾及议程曝光 不能错过的期待
  6. IBM Cognos TM1助箭牌优化销售预测
  7. 南大通用GBase 8s与新华三HPE Superdome Flex完成兼容互认证 携手满足关键行业核心业务需求
  8. SQL触发器实例(下)
  9. STM32 printf 重定向 usart3
  10. 五、输入输出管理(一)外部存储器管理