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. linux下源码软件包的安装
  2. java读取文件跳过_在Java中读取文本文件-为什么跳过行?
  3. Linux 命令(102)—— zip 命令
  4. photoshop插画插件_照片快速转矢量插画PS动作插件 Vector Art Photoshop Action
  5. 倍福PLC_添加CX2500-0060以太网模块后无法从TwinCAT软件扫描到问题
  6. dht11 新手原理详解(附代码)
  7. VC++信息安全编程(14)PNP溢出代码漏洞扫描检测
  8. 关于android属性persistent的问题
  9. 科技视界杂志科技视界杂志社科技视界编辑部2022年第18期目录
  10. GetPixel算法
  11. 工业机器人介绍及机器人学概述
  12. matlab tek示波器,SIMULINK示波器参数设置_matlab中对示波器进行设置
  13. 安卓用ffmeg解码
  14. MySQL密码忘记了如何操作
  15. 腾讯2021/2022春季校招,内推实习生和校招生,名额不限
  16. linux下usd的配置
  17. ARM裸板调试之串口打印及栈初步分析
  18. 学校计算机室工作人员岗位职责,学校信息中心岗位职责说明.doc
  19. Nand Flash原理分析与编程
  20. MoveIt!入门教程 - 创客智造

热门文章

  1. 在vue页面中使用伪元素进行 气泡框创建|选中效果自定义|滚动条自定义
  2. 视频信号 | 双绞线视频传输器
  3. Oracle删除链接用户
  4. 我说怎么flickr上不去了呢?
  5. 【游戏开发面经】我在阿里HRG面这关跪掉了,游戏客户端开发岗,总结一下(阿里 | 游戏 | 凉面面经)
  6. 名画52 王希孟《千里江山图》
  7. 系列一:最全微商城营销36计!
  8. 行星使用锚标记跳转 超链接HTML,采煤机司机培训考试试题带答案
  9. matlab生成西门子plc源文件,西门子PLC编程软件STEP7 V5.5导出源文件
  10. 基于工业物联网的草场环境监测信息管理系统