您的位置:首页 > Web前端 > JQuery

jquery easy ui 实现radio单选

2014-06-30 16:35 876 查看
1、使用datagrid实现列表table,注意参数

singleSelect:true,


2、formatter ID的显示

frozenColumns:[[{
field:'id',
hidden:false,
formatter: function(value, rowData, rowIndex){
return '<input type="radio" name="selectRadio" id="selectRadio"' + rowIndex + '    value="' + rowData.id + '" />';
}
}]],


3、实现单选选择变幻,增加事件onClickRow

onClickRow: function(rowIndex, rowData){
//加载完毕后获取所有的checkbox遍历
var radio = $("input[type='radio']")[rowIndex].disabled;
//如果当前的单选框不可选,则不让其选中
if (radio!= true) {
//让点击的行单选按钮选中
$("input[type='radio']")[rowIndex].checked = true;
}
else {
$("input[type='radio']")[rowIndex].checked = false;
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: