`

easyUI 单选按钮回显 与隐藏

阅读更多
检查结果为合格时,显示合格证号,并且为必填, 否则就隐藏合格证号,并且不必填


<tr>
<th width="15%">检验结果</th>
                <td width="35%">
                <span class="radioSpan">
                <input type="radio" name="deteresult" value="01" checked="checked" onclick="checkIsMin(this.value)">合格</input>&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="deteresult" value="02" onclick="checkIsMin(this.value)">不合格</input>
            </span>
                </td>
<th width="15%" class="jyhgzh">检验合格证号</th>
<td class="jyhgzh">
<input type="text" value="${model.detecertificate}" name="detecertificate" id="detecertificate"  class="easyui-textbox"  required="true" data-options="validType:length[0,50]"/>
</td>
</tr>



//检验结果改变加载事件
$("input[name='deteresult']").each(function(){
if('${model.deteresult}'==$(this).val()){
$(this).prop("checked",true);
if($(this).val()=='02'){
$('.jyhgzh').attr("style","display:none");
$("#detecertificate").textbox({ required:false });
}
}
});

//检查是否合格,不合格就隐藏合格证号
function checkIsMin(value){
if(value=="01"){
$(".jyhgzh").removeAttr("style");
$("#detecertificate").textbox({ required:true });
}
if(value=="02"){

$('.jyhgzh').attr("style","display:none");
$("#detecertificate").textbox({ required:false });


}
}
分享到:
评论

相关推荐

    基于easyui 1.4.5的单选和多选框组件

    在EasyUI中,多选框的创建与单选框类似,只是标签类型改为`&lt;input type="checkbox"&gt;`。例如: ```html &lt;label for="checkbox1"&gt;Option 1 &lt;label for="checkbox2"&gt;Option 2 ``` 四、组件扩展:Combo和ComboBox ...

    基于easyui的单选和多选框组件

    Combo和ComboBox是EasyUI中的下拉选择组件,它们与单选框和多选框虽然有所不同,但都涉及到了数据的选取和展示,因此它们的文档可能提供了类似属性和方法的示例,帮助理解如何操作和定制这些选择组件。 总的来说,...

    easyui单选取消

    修改了源码,列表为单选的时候可以取消选中,分页处增加了校验及对无数据的处理

    easyui datagrid 动态隐藏显示列

    jquery easyui 扩展 datagrid 自定义动态隐藏显示列

    EasyUI datetimebox修改按钮 添加清空

    EasyUI默认的datetimebox并没有内置的“清空”按钮,但我们可以自定义一个按钮并绑定相应的操作,例如清空选择的时间。这需要通过jQuery来操作DOM,并监听按钮的点击事件。 ```html 清空 ``` ```javascript $("#...

    9款表单复选框(Checkbox)与单选按钮美化

    这就是"9款表单复选框与单选按钮美化"插件的用武之地。 这款插件提供了9种不同的设计样式,旨在提升表单元素的视觉吸引力,同时保持其功能性和易用性。这些样式可能包括独特的形状、颜色、动画效果以及与周围界面更...

    easyui后台管理系统(菜单权限,按钮权限)

    总结来说,"easyui后台管理系统(菜单权限,按钮权限)"是一个集成了SpringMVC、Hibernate、MySQL和JSP的Web应用,利用EasyUI实现了用户友好的界面和精细的权限控制,适用于构建各类企业级的后台管理系统。...

    原生的复选框(checkbox button)和单选按钮(radio button)实现透明背景效果解决方案

    在Windows编程中,原生的复选框(Checkbox)和单选按钮(Radio Button)通常是由Windows API或者特定的库如ATL/WTL提供的控件。这些控件默认的外观和行为是系统定义的,包括它们的背景颜色,通常与对话框或窗口的...

    easyUI点击按钮后上下移动功能

    通过以上分析,我们可以看出,实现 EasyUI Datagrid 中点击按钮后数据行上下移动的功能,主要涉及 JavaScript 事件处理、数据操作以及 Datagrid 组件的 API 使用。理解和掌握这些知识点,有助于我们更好地利用 ...

    Jquery_easyui_switchbutton【案例】

    在本文中,我们将深入探讨jQuery EasyUI中的SwitchButton组件,这是一种用于创建切换开关效果的工具,常用于实现二选一的交互操作。EasyUI是基于jQuery的一个轻量级且强大的前端开发框架,它提供了一系列易于使用的...

    easyUI 右键列头,控制列的显示和隐藏

    easy-UI 右键列头,控制列的显示和隐藏,是啊easyui拓展的功能之一,只需引入此js代码,即可产生效果,右键列名,控制列的显示和隐藏

    easyui1000个ico图标

    在EasyUI中,这些图标被广泛应用于各个组件上,如按钮、菜单项、工具栏等,以提供视觉指示和增强用户体验。 在前端开发中,图标的选择和使用是至关重要的。EasyUI 提供的这1000个图标涵盖了常见的操作和状态,例如...

    全套EasyUI示例源码

    2. **EasyUI与SpringMVC整合** - **MVC模式**:SpringMVC 是一个用于构建 Web 应用的 MVC 框架,负责处理请求、转发到对应的控制器,以及返回视图。 - **整合原理**:EasyUI 的数据通常通过 AJAX 从后端获取,...

    jquery-easyui-datagridview datagrid-detailview.js升级自定义展开按钮功能

    jquery-easyui的扩展组件jquery-easyui-datagridview,其中的datagrid-detailview.js可方便地生成子网格,但是每行均默认生成展开按钮,实际我们希望对某些行不显示展开按钮,网上很多人提供的解决方案就是通过dom...

    EasyUi图标扩展样式大全(1700个)

    EasyUi是一款广泛应用于Web开发的轻量级JavaScript框架,它基于jQuery,提供...通过这些扩展,开发者不仅可以创建更加美观的界面,还能确保应用在视觉上与现代设计趋势保持同步,从而提高用户的满意度和产品的竞争力。

    easyui各种常用的图标

    EasyUI是一种基于jQuery的轻量级前端框架,它提供了一系列易于使用的组件,如表格、下拉菜单、对话框、按钮等,帮助开发者快速构建用户界面。在EasyUI中,图标扮演着重要的角色,它们能够直观地传达功能或操作,提升...

    EasyUI的DataGrid每行数据添加操作按钮的实现代码

    在DataGrid加载完成后,使用`onLoadSuccess`回调将这些链接转换为EasyUI按钮,并为按钮添加点击事件监听器以处理用户操作。这种方法使得在DataGrid中集成操作按钮变得简单而直观,为用户提供了一种交互式的数据管理...

    easyUI系列图标大全

    此外,它们可能遵循了统一的设计语言,确保与EasyUI原有风格的兼容性和一致性,以保证整体界面的和谐统一。 1775个图标可能涵盖了各种类别,如通用操作(加减、编辑、删除)、信息提示(成功、警告、错误)、导航...

    EasyUi图标扩展样式

    描述中提到的“原先图标命名有点乱”,这可能指的是默认的图标类名可能没有遵循明确的命名规则,或者类名与图标含义之间存在一定的混乱,这无疑增加了开发者的记忆负担和使用难度。 这个"EasyUi图标扩展样式"的目的...

    轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

    ### EasyUI创建菜单与按钮知识点总结 #### 1. jQuery插件EasyUI简介 EasyUI是一个基于jQuery的前端UI框架,它提供了一套丰富的界面组件,使得开发人员能够快速构建出美观、一致的用户界面。EasyUI的组件都是可定制...

Global site tag (gtag.js) - Google Analytics