首页 > 代码库 > jquery easy ui 实现radio单选

jquery easy ui 实现radio单选

2024-07-10 06:25:50   225人阅读

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="http://www.mamicode.com/‘ + 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;           }       }

 

 


联系
我们