easyui radiobutton

<form id="auditNodeForm"><div style="border:1px solid #ccc;padding-bottom:5px;"><div style="margin-bottom:5px;"><label>审核人员:</label><input id="auditRuleUserType_2" class="easyui-radiobutton" name="auditRuleUserType" value="2" label="角色" data-options="labelPosition:'after',labelWidth:30,checked:true,onChange:auditRuleUserTypeChange" /><input id="auditRuleUserType_1" class="easyui-radiobutton" name="auditRuleUserType" value="1" label="人员" data-options="labelPosition:'after',labelWidth:30,onChange:auditRuleUserTypeChange" /><input id="auditRuleUserType_3" class="easyui-radiobutton" name="auditRuleUserType" value="3" label="部门" data-options="labelPosition:'after',labelWidth:30,onChange:auditRuleUserTypeChange" /></div><div style="width:calc(100% - 22px);"><input id="auditRuleUser" style="width:100%;" data-options="valueField:'Key',textField:'Value',hasDownArrow: true,disabled:true,onChange:changeAuditUser" class="easyui-tagbox" value="" required></div></div>
</form>

要点：1.需要有form表单 2.默认选择了第一项

选择事件：

function auditRuleUserTypeChange(ck) {if (ck) {bindUserType(parseInt($("input[name='auditRuleUserType']:checked").val()));}
}function bindUserType(userType, cb) {$("#auditRuleUser").tagbox("setValues",[]);$.getJSON("/admin/jczd/GetAuditUser?userType=" + userType, function (data) {$("#auditRuleUser").data("userType", userType).tagbox("loadData", data).trigger("datasource.changed");if (cb) {cb();}});
}

获取值：

$("input[name='auditRuleUserType']:checked").val()

选择:

var userType = attr.users[0].userType;
let vs = $.map(attr.users, function (u) { return u.userId; });
if ($("input[name='auditRuleUserType']:checked").val() != userType) {$("#auditRuleUser").one("datasource.changed", function () {$("#auditRuleUser").tagbox('setValues', vs);});//设置选中状态$("#auditRuleUserType_" + userType).radiobutton("check");
}
else {$("#auditRuleUser").tagbox('setValues', vs);
}

easyui radiobutton相关推荐

html使用easyui单选按钮,Easyui radiobutton（单选框）_EasyUI 插件
使用$.fn.iRadio.defaults重写默认值对象. Radio(单选框)允许用户选择一组选项中的某一项用法通过标签创建单选框. 使用Javascript创建单选框. $('#rb').i ...
Android RadioButton 修改选择框
效果图是否被选中打印效果图 RadioButon 是单选框 ,选中之后再次点击无法取消,这样呢我们可以配合RadioGroup 使用,选择其他的RadioButton 这样的话刚才的的那个就取消了 ...
JQuery EasyUI的常用组件
jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一 ...
java easyui tree例子_EasyUI Tree的简单使用
此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...
android radiobutton 分组,Android 第十课——UI RadioButton
常用基础空组件 5 RadioGroup RadioButton 单选按钮时常用组件之一,但是开发过程中虽然很多地方会用到单选按钮,但是却不会用Android系统提供的原始样式,类似我们在写html时 ...
雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格
jQuery EasyUI 数据网格 - 创建属性网格属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组.您可以简单地创建 ...
【Visual Studio 扩展工具】如何在ComponentOneFlexGrid树中显示RadioButton
概述在ComponentOne Enterprise .NET控件集中,FlexGrid表格控件是用户使用频率最高的控件之一.它是一个功能强大的数据管理工具,轻盈且灵动,以分层的形式展示数据(数据呈 ...
第二百二十节，jQuery EasyUI，Slider(滑动条)组件
jQuery EasyUI,Slider(滑动条)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 Slider(滑动条)组件的使用方法,这个 ...
easyui源码翻译1.32--Messager（消息窗口）
前言使用$.messager.defaults重写默认值对象.下载该插件翻译源码消息窗口提供了不同的消息框风格,包含alert(警告框), confirm(确认框), prompt(提示框), p ...
Easyui 让Window弹出居中与最大化后居中
easyui1.3.2版本,window的弹出不会居中了.而dialog是会居中的,我们必须为为window的open事件做扩展代码如下:只要加入以下代码即可.如果你是看了MVC项目系列的,把他放到 ...

easyui radiobutton

easyui radiobutton相关推荐

最新文章

热门文章