easyui datagrid列设置checkbox，并能获取选中的值？如图

在 easyui datagrid 中设置列为 checkbox 并能获取选中的值，可以按照以下步骤进行 *** 作：

1、在 columns 配置中设置需要显示 checkbox 的列，示例代码如下：

columns:[[

{field:'id',title:'ID',width:80},

{field:'name',title:'Name',width:100},

{field:'gender',title:'Gender',width:100},

{field:'checkbox',title:'',checkbox:true},

]],

在这个示例中，第 4 列设置了 checkbox。

2、在 easyui datagrid 的 toolbar 中添加按钮，并绑定事件，示例代码如下：

toolbar:[{

text:'Get Selected',

iconCls:'icon-search',

handler:function(){

var rows = $('#dg').datagrid('getSelections')

alert(rows.length+' rows are selected.')

}

}]

在这个示例中，添加了一个名为 "Get Selected" 的按钮，点击按钮会获取当前选中的行，并d出提示框显示选中的行数。

3、在点击按钮时获取选中的行，示例代码如下：

var rows = $('#dg').datagrid('getSelections')

在这个示例中，使用 easyui datagrid 的 getSelections 方法获取选中的行数据。

4、在获取选中的行后，可以对这些行进行后续的 *** 作，例如对每行进行遍历，获取某一列的值，示例代码如下：

for(var i=0i<rows.lengthi++){

var row = rows[i]

console.log(row.id)// 获取 id 列的值

}

在这个示例中，使用 for 循环遍历选中的行数据，然后使用 row.id 获取 id 列的值。

以上就是在 easyui datagrid 中设置列为 checkbox 并能获取选中的值的 *** 作步骤。

1、 加入日期选择框“$("#dd").datebox({"required":true})”

2、 javascript获取日期选择框的值，“$("#dd").datebox("getValue") 或者$("input[name='dd']").val()”

3、给它添加事件监听，datebox onSelect 日期选中后，自动为input id="dd" type="text"赋值，这样就可以使用“$("#dd").val()”获取选中的日期值了。

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

这设置默认值的方式很多

1、html方式：

1.1

<select class="easyui-combobox">

<option value="1">语文</option>

<option value="2" selected>数学</option>

</select>

1.2

<select class="easyui-combobox" data-option="value:1,xxxxx">

<option value="1">语文</option>

<option value="2">数学</option>

</select>

1.3

<input class="easyui-combobox" value="1" data-options="panelHeight:100,valueField:'id',xxxxxxxx"/>

2、js方法

$("xx").combobox({

value: 1,

//..........

})

---