easyui form提交checkbox

骑驴快跑 2013-10-15 10:13:03

<form id="form" method="post" enctype="application/x-www-form-urlencoded">
<table style="width: 100%">
<tr>
<td>
<input type="checkbox" name="IsEnabled" value='zg' onclick="this.value=checked=='checked'||'zg';" />中国
</td>
<td>
<input type="checkbox" name="IsEnabled" value='els' onclick="this.value=checked=='checked'||'els';" />俄罗斯
</td>
</tr>
</table>
</form>
<div region="south" border="true" style="text-align: right; height: 40px; line-height: 30px; background-color: #f7f7f7;">
<table style="width: 100%">
<tr>
<td style="text-align: right">
<a href="#" class="easyui-linkbutton" iconcls="icon-save" onclick="submit();">提交</a>
</td>
</tr>
</table>
</div>


function submit() {
$('#form').form('submit', {
onSubmit: function () {
return $(this).form('validate');
},
url: '/Forum/Save/',
success: function (msg) {
msg = $.parseJSON(msg); // 将json字符串转换成json对象,在由对象转换成字符转赋给窗体
if (msg.IsSuccess) {
$.messager.alert('提示', "保存成功", 'info', function () {
$('#form').form('load', eval('(' + msg.data + ')'));
});
}
}
});
}

这里是提交表单数据,如果复选框里我就选择了一个中国checkbox的话,后台接收zg,如果我要编辑该窗体信息,我在窗体打开的时候自动请求数据,这条数据如何自动赋值到我指定的那个checkbox上呢,$('#form').form('load', eval('(' + msg.data + ')'));表单自带的load只对text类型的好使,checkbox赋不上去;
...全文
370 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
基于EasyUI 官方的帮助。 Application 使用easyUI创建一个CRUD的应用 使用easyUI创建一个CRUD DataGrid 使用easyUI展开行详细编辑form创建CRUD应用 使用jQuery easyUI 创建一个 RSS Feed阅读器 Drag and Drop easyUI 基础的拖动和放置 使用easyUI创建一个拖放的购物车 使用easyUI创建一个课程表 Menu and Button 使用easyUI创建简单的菜单 使用easyUI创建Link Button 使用easyUI创建Menu Button 使用easyUI创建Split Button Layout 使用easyUI创建一个border layout在你的web页面 使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用easyUI转换HTML table到datagrid 使用easyUI给datagrid添加pagination 使用easyUI添加查询功能在datagrid 使用easyUI 添加toolbar到datagrid 使用easyUI 创建复杂的toolbar到datagrid 使用easyUI 为datagrid冻结列 使用easyUI 动态改变datagrid的columns 使用easyUI 格式化datagrid列 easyUI 添加排序到datagrid easyUI 自定义排序datagrid easyUI 添加CheckBox选择到DataGrid easyUI自定义DataGrid分页栏 启用DataGrid行内编辑器 继承扩展DataGrid的editors easyUI在可编辑的datagrid中计算两列的值 easyUI合并DataGrid单元格 easyUI为datagrid创建自定义视图 easyUI datagrid显示摘要信息在页脚 easyUI 根据一些条件改变DataGrid 行背景颜色 easyUI 创建一个 Property Grid easyUI 展开DataGrid里面的行显示详细信息 easyUI 在主datagrid上创建子datagrid Window easyUI 我的第一个window easyUI 自定义window工具 easyUI window和布局 easyUI 创建Dialog对话框 easyUI Dialog自定义Toolbar和button Tree easyUI 从标记创建Tree easyUI 创建异步Tree easyUI 附加tree节点到tree easyUI 创建Tree和复选框Tree Node easyUI 拖动(Drag)和放置(Drop)Tree easyUI 加载parent/child节点到tree 转换tree标准格式数据 easyUI 创建一个基础的TreeGrid easyUI 创建复杂TreeGrid Form easyUI 通过ajax的方式提交Form easyUI 添加ComboTree 字段到一个 form easyui Form验证 easyUI 格式化ComboBox easyui 过滤ComboGrid 扩展 easyui DWR加载 easyUI 主题
EasyUI入门教程--第01课_EasyUI简介.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。 第01课(大概介绍一下easyui,和组织的地址,官方网站等) 第02课(介绍easyloader组件和easyui怎样使用) 第03课(parser组件panel组件) 第04课(通过用户登录来演示dialog、ajax的使用,serialize方法的使用,前后台怎样交互等) 第05课(讲解easyuiform控件、validatebox控件、怎样跟后台交互) 第06课(讲解easyui的layout的使用) 第07课(讲解datagrid的基本应用,后台交互,排序功能) 第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、删除、修改,扩展editor的类型,扩展datagrid,增加动态改变editor属性,简单介绍了form的load,简单介绍了弹窗编辑模式,讲解了双击行开启编辑模式,选择行开启编辑模式,取消编辑模式。讲解insertRow、appendRow、getRowIndex、getSelections、unselectAll、rejectChanges等方法的使用和区别) 第10课(datagrid增加、删除、修改功能,结合后台讲解,怎样获得增加或删除的数据,怎样传递到后台,如果添加或修改不成功,怎样回滚操作,后台操作成功,保持状态等。和清空datagrid的简单方法。) 第11课(介绍一些easyui群,介绍easyui论坛等信息。datagrid冻结列讲解,datagrid右键菜单讲解,forzenColumns与fitColumns的应用) 第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课(讲解easyui更换主题皮肤) 第14课(讲解tree的应用,tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件,getChecked方法的应用) 第15课(继续讲解tree的使用,介绍tree需要的JSON格式、常用事件和方法,结合tabs的使用等) 第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤和远程过滤功能、combobox方法介绍。简要描述datagrid行编辑模式中editor类型是combobox需要注意的问题。简要描述easyui1.3的data-options初始化方式。)
EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。
第01课(大概介绍一下easyui,和组织的地址,官方网站等) 第02课(介绍easyloader组件和easyui怎样使用) 第03课(parser组件panel组件) 第04课(通过用户登录来演示dialog、ajax的使用,serialize方法的使用,前后台怎样交互等) 第05课(讲解easyuiform控件、validatebox控件、怎样跟后台交互) 第06课(讲解easyui的layout的使用) 第07课(讲解datagrid的基本应用,后台交互,排序功能) 第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、删除、修改,扩展editor的类型,扩展datagrid,增加动态改变editor属性,简单介绍了form的load,简单介绍了弹窗编辑模式,讲解了双击行开启编辑模式,选择行开启编辑模式,取消编辑模式。讲解insertRow、appendRow、getRowIndex、getSelections、unselectAll、rejectChanges等方法的使用和区别) 第10课(datagrid增加、删除、修改功能,结合后台讲解,怎样获得增加或删除的数据,怎样传递到后台,如果添加或修改不成功,怎样回滚操作,后台操作成功,保持状态等。和清空datagrid的简单方法。) 第11课(介绍一些easyui群,介绍easyui论坛等信息。datagrid冻结列讲解,datagrid右键菜单讲解,forzenColumns与fitColumns的应用) 第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课(讲解easyui更换主题皮肤) 第14课(讲解tree的应用,tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件,getChecked方法的应用) 第15课(继续讲解tree的使用,介绍tree需要的JSON格式、常用事件和方法,结合tabs的使用等) 第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤和远程过滤功能、combobox方法介绍。简要描述datagrid行编辑模式中editor类型是combobox需要注意的问题。简要描述easyui1.3的data-options初始化方式。)
SYPRO示例项目源码和EasyUI入门视频教程,视频在我的百度网盘中,可以下载学习: sypro示例程序(springMvc+hibernate4+easyui) sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API.CHM 第01课(大概介绍一下easyui,和组织的地址,官方网站等) 第02课(介绍easyloader组件和easyui怎样使用) 第03课(parser组件panel组件) 第04课(通过用户登录来演示dialog、ajax的使用,serialize方法的使用,前后台怎样交互等) 第05课(讲解easyuiform控件、validatebox控件、怎样跟后台交互) 第06课(讲解easyui的layout的使用) 第07课(讲解datagrid的基本应用,后台交互,排序功能) 第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、删除、修改,扩展editor的类型,扩展datagrid,增加动态改变editor属性,简单介绍了form的load,简单介绍了弹窗编辑模式,讲解了双击行开启编辑模式,选择行开启编辑模式,取消编辑模式。讲解insertRow、appendRow、getRowIndex、getSelections、unselectAll、rejectChanges等方法的使用和区别) 第10课(datagrid增加、删除、修改功能,结合后台讲解,怎样获得增加或删除的数据,怎样传递到后台,如果添加或修改不成功,怎样回滚操作,后台操作成功,保持状态等。和清空datagrid的简单方法。) 第11课(介绍一些easyui群,介绍easyui论坛等信息。datagrid冻结列讲解,datagrid右键菜单讲解,forzenColumns与fitColumns的应用) 第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课(讲解easyui更换主题皮肤) 第14课(讲解tree的应用,tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件,getChecked方法的应用) 第15课(继续讲解tree的使用,介绍tree需要的JSON格式、常用事件和方法,结合tabs的使用等) 第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能,本地过滤和远程过滤功能、combobox方法介绍。简要描述datagrid行编辑模式中editor类型是combobox需要注意的问题。简要描述easyui1.3的data-options初始化方式。) 第18课(讲解combotree组件的使用) 第19课(讲解combogrid组件和treegrid组件的使用) 第20课(讲解PropertyGrid组件的使用)

87,923

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧