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 简单的根据单选按钮显示对应的文本框相关推荐

iOS 9应用开发教程之显示编辑文本标签文本框
iOS 9应用开发教程之显示编辑文本标签文本框 ios9显示.编辑文本在iOS,经常会看到一些文本的显示.文字就是这些不会说话的设备的嘴巴.通过这些文字,可以很清楚的指定这些设备要表达的信息.本节将 ...
电脑桌面图标右下角显示有白色文本框
电脑桌面图标右下角显示有白色文本框 #1.尝试过加入脚本.bat 失败 @echo off taskkill /f /im explorer.exe CD /d %userprofile%\AppDa ...
表单开发(二):获取单选按钮，多行文本框，下拉菜单，捆绑元素数据，用户注册
单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"& ...
基于js的一个日历控件，点击按钮，弹出日历，显示日期到文本框
首先是一些js代码: <Script LANGUAGE="JavaScript"> var months = new Array("一", &quo ...
ListBox选中项数量显示于TextBox文本框中
要完成的功能:点击ListBox选中一个或多个选项时,TextBox中自动显示选中项的数量. 如下图显示: 分析: 你原先错误的思路:ListBox配置好数据源,然后在TextBox的后台事件Text ...
【MATLAB】在MATLAB中利用GUI编写加法计算器，要求:通过两个编辑文本框实现两个数字的输入，点击“开始计算”按钮进行计算，并在用于结果显示的静态文本框中实现两输入数字的和的显示
1)打开Matlab,点击工具栏上的[File]–>New–>GUI,命名为:addnum.fig 2)在addnum.fig面板里,拖曳3个静态文本TXT控件(不做任何修改).3个编辑 ...
android 代码控件框高,Android控件_TextView(显示文本框控件)
一.TextView控件的常用属性 1.android:id--控件的id 2.android:layout_width--设置控件的宽度 wrap_content(包裹实际文本内容) fill_pa ...
html隐藏input边框线,html中去掉文本框(input type=text)的边框或只显示下边框
去掉: 只留下边框: CSS - input 只显示下边框 CSS 样式 : border:none; border-bottom: 1px solid #000 文本框input:text ...
input得到焦点显示文本框,失去焦点隐藏文本框
上一篇 : input 输入的内容时更改input的宽度此篇是上一篇的延伸功能 input得到焦点显示文本框,失去焦点隐藏文本框思路 : 1 创建一个文本标签font和输入标签input,页面加载 ...

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

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

最新文章

热门文章