jquery easy ui 实现radio单选

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;
           }
       }

 

 

jquery easy ui 实现radio单选,布布扣,bubuko.com

jquery easy ui 实现radio单选

上一篇:web.xml 之contextParam,listener,filter,servlet的加载顺序


下一篇:云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI