jqGrid radio,checkbox操作 radio checkbox in jqgrid

Jquery老的版本
var_name = $(“input[@name='radio_name']:checked”).val();
Jquery 1.3以后的版本
var_name = $(“input[name='radio_name']:checked”).val();//選擇被選中Radio的Value值

 $("input[name='radio_name'][checked]").val(); //選擇被選中Radio的Value值  

 $("#text_id").focus(function(){//code...}); //事件 當對象text_id獲取焦點時觸發  

 $("#text_id").blur(function(){//code...}); //事件 當對象text_id失去焦點時觸發  

 $("#text_id").select(); //使文本框的Vlaue值成選中狀態  

 $("input[name='radio_name'][value='要選中Radio的Value值 '").attr("checked",true); //根據Value值設置Radio為選中狀態   
 
CheckBox   
  
 $("input[name='checkbox_name'][checked]");or$("input[name='checkbox_name']:checked");/選擇被選中CheckBox元素的集合 如果你想得到Value值，你需要遍歷這個集合 

 $($("input[name='checkbox_name'][checked]")).each(function(){arrChk+=this.value + ',';}); //遍歷被選中CheckBox元素的集合 得到Value值  

 $("#checkbox_id").attr("checked"); //獲取一個CheckBox的狀態(有沒有被選中,返回true/false)  

 $("#checkbox_id").attr("checked",true); //設置一個CheckBox的狀態為選中(checked=true)  

 $("#checkbox_id").attr("checked",false); //設置一個CheckBox的狀態為不選中(checked=false)  

 $("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked")); //根據3,4,5條，你可以分析分析這句代碼的意思  

 $("#text_id").val().split(","); //將Text的Value值以','分隔 返回一個數組

 

formatter:function(v,x,r){ return "<input type='checkbox'/>"; }

 

 

jqGrid中multiselect: true的用法 (2011-12-12 10:58:35)
轉載▼標簽： jqgrid it 分類： JQuery
在jqGrid中設置multiselect: true可以實現全選的操作，但怎么設置被選中的checkbox里面的值呢，做法如下：
jQuery("#listTable").jqGrid({
   url: 'queryList.do',
   datatype: 'json',
   colNames: ['','編號','姓名'],
   colModel: [
               {
                 name: 'MY_ID',
                 index: 'MY_ID',
                 sortable: false,
                 width: '0%',
                 hidden:true
               },
               {
                 name: 'MY_NO',
                 index:'MY_NO',
                 sortable: false,
                 align:'center',
                 width:'10%'
               },
              {
                 name: 'NAME',
                 index:'NAME',
                 sortable: false,
                 align:'center',
                 width:'10%'
              }
            ],
            page: 1,
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: '#listPage',
            multiselect: true,
            sortname: 'MY_NO',
            viewrecords: true,
            sortorder: "desc",
            jsonReader: {
                repeatitems: false
            },
            width: "100%",
            height: '100%',
            gridComplete: function() {
                var rowIds = jQuery("#listTable").jqGrid('getDataIDs');
                for(var k=0; k<rowIds.length; k++) {
                   var curRowData = jQuery("#listTable").jqGrid('getRowData', rowIds[k]);
                   var curChk = $("#"+rowIds[k]+"").find(":checkbox");
                   curChk.attr('name', 'checkboxname');   //給每一個checkbox賦名字
                   curChk.attr('value', curRowData['MY_ID']);   //給checkbox賦值
                   curChk.attr('title', curRowData['NAME'] );   //給checkbox賦予額外的屬性值
                   //curChk.attr('checked', 'true');   //設置所有checkbox被選中
                }

                //下面的代碼順序不能變(這是頁面上所有行被真選中[所有行被黃色])
                //$("#cb_listTable").attr("checked", true);
                //$("#cb_listTable").click();   //input框
                //$("#jqgh_listTable_cb").click();   //div標簽
                //$("#listTable_cb").click();   //th標簽
            }
});

加載完列表后獲取被選中的checkbox的值及其屬性值的做法如下：
var checkedVals = new Array();
var checkedTitles = new Array();
$(":checkbox[name=checkboxname][checked]").each(function(){
      checkedVals.push($(this).val());
      checkedTitles.push($(this).attr("title"));
});
for(var p=0; p<checkedVals.length; p++){
    alert(checkedVals[p]);
    alert(checkedTitles[p]);
}

--------------------------------------------------------------------------------------------------
讓查詢列表中按指定條件被默認選中或灰掉checkbox的做法如下：
jQuery("#listTable").jqGrid({
   url: 'queryList.do',
   datatype: 'json',
   colNames: ['','編號','姓名'],
   colModel: [
               {
                 name: 'MY_ID',
                 index: 'MY_ID',
                 sortable: false,
                 width: '0%',
                 hidden:true
               },
               {
                 name: 'MY_NO',
                 index:'MY_NO',
                 sortable: false,
                 align:'center',
                 width:'10%'
               },
              {
                 name: 'NAME',
                 index:'NAME',
                 sortable: false,
                 align:'center',
                 width:'10%'
              }
            ],
            page: 1,
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: '#listPage',
            multiselect: true,
            multiboxonly: true,
            sortname: 'MY_NO',
            viewrecords: true,
            sortorder: "desc",
            jsonReader: {
                repeatitems: false
            },
            width: "100%",
            height: '100%',
            gridComplete: function() {
                var rowIds = jQuery("#listTable").jqGrid('getDataIDs');
                for(var k=0; k<rowIds.length; k++) {
                   var curRowData = jQuery("#listTable").jqGrid('getRowData', rowIds[k]);
                   if(curRowData.MY_NO == '123456'){
                        $("#listTable").find("input[id='jqg_" + rowIds[k] +
                                                                      "']").val(curRowData.MY_ID);
                        if(curRowData.NAME=='shihuan'){
                            $("#listTable").find("input[id='jqg_" + rowIds[k] +
                                                                      "']").attr("checked", true);
                        }
                    }else{
                        $("#listTable").find("input[id='jqg_" + rowIds[k] +
                                                                      "']").val(curRowData.MY_ID);
                        $("#listTable").find("input[id='jqg_" + rowIds[k] + "']").attr("checked",
                                                                                            true);
                        $("#listTable").find("input[id='jqg_" + rowIds[k] + "']").attr("disabled",
                                                                                            true);
                    }
                }
            }
            onSelectAll:function(rowid, status) { //rowid 數組
                var ids = jQuery("#listTable").jqGrid('getDataIDs');
                for (var i=0; i<ids.length; i++) {
                    var cl = ids[i];
                    var curRowData = jQuery("#listTable").jqGrid('getRowData', cl);
                    var ckt = $("#listTable").find("input[id='jqg_" + cl + "']").attr("disabled");
                    if(ckt){
                        $("#listTable").find("input[id='jqg_" + cl + "']").attr("checked", true);
                    }
                }
            },
            beforeSelectRow:function(rowid, e){
                //alert(rowid);   //rowid的值是checkbox的value值
                return false;
            }
});
--------------------------------------------------------------------------------------------------
jqGrid被重新載入的做法如下：
function gridReload() {
    jQuery("#listTable").jqGrid('setGridParam', {
                //url:'http://www.cnblogs.com/../com/shihuan/search.do',
                //postData: transferFormElementsToObject('theForm'),
                postData: {"message":msval},
                page:1
            }).trigger("reloadGrid");
}