easyui radiobutton

4 篇文章 0 订阅
1 篇文章 0 订阅
<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);
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

闪耀星星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值