Maison  >  Article  >  interface Web  >  Exemple de partage de code expliquant comment obtenir la valeur sélectionnée de la case à cocher dans GridView à l'aide de JavaScript

Exemple de partage de code expliquant comment obtenir la valeur sélectionnée de la case à cocher dans GridView à l'aide de JavaScript

黄舟
黄舟original
2017-07-24 15:52:491870parcourir

Cet article présente principalement js pour obtenir la valeur de la case cochée dans la grille. Cet article partagera avec vous deux extraits de code, qui sont très bons et ont une valeur de référence. Les amis dans le besoin peuvent s'y référer

<.> Bon test Il a mis du temps à sortir, et la case à cocher était dans la première colonne,


 for( i=1;i<document.all.GVmain.rows.length;i++)
     {
      var cb=document.all.GVmain.rows(i).cells(0).children(0);
      if(cb.checked)
      {
         temp0=document.all.GVmain.rows(i).cells(1).innerText;
         temp1=document.all.GVmain.rows(i).cells(5).innerText;
         temp2=document.all.GVmain.rows(i).cells(6).innerText;
       }
     }
D'accord, laissez-moi partager avec vous un relativement bon extrait de code. Le code spécifique est le suivant :


///功能:判断是否有选中项;      
///参数:frm - 当前表单Form;idVal - 要查找的CheckBox的id;      
///返回:True/False;      
///调用:<INPUT type="submit" value="提交" id="btnS" runat="server"                  
onclick="JavaScript:return confirmSel(this.form, &#39;chkSel&#39;);">      
///说明:&#39;chkSel&#39; - 将判断所有id包含&#39;chkSel&#39;的控件;      
function confirmSel(frm, idVal)      
{            
// loop through all elements        
var IsChecked;        
IsChecked=false;        
for (i=0; i<frm.length; i++)        
{          
// Look for our checkboxes only         
if (frm.elements[i].id.indexOf (idVal) !=-1)           
{                   
// If any are checked then confirm alert, otherwise nothing happens            
if(frm.elements[i].checked)            
{              
IsChecked=true;             
return true;              
//return confirm (&#39;确定要提交所选择的记录吗?&#39;)            
}                   
}        
}             
if(IsChecked==false)       
{          
alert(&#39;请选择要进行操作的行!!!&#39;);         
return false;                 
}  
}            
///功能:对CheckBox实现单选功能;      
///参数:frm - 当前表单Form;chkVal - 当前CheckBox状态:选中True,不选中False;idVal - 当前CheckBox的id;     
///返回:True/False;      
///调用:<input type="checkbox" id=&#39;chkSel&#39; onpropertychange=&#39;JavaScript:selChk(this.form,this.checked,this.id);&#39; title="" runat="Server">           
///说明:hdnChkID - Hidden隐藏框,用于存放上次选中项CheckBox的id;      
function selChk(frm,chkVal,idVal)     
{                    if(chkVal == true) //如果当前CheckBox被选中        
{               
//将上次选中的CheckBox的id赋给变量lstChkID               
var lstChkID = document.getElementByIdx("hdnChkID").value;          
//记录当前CheckBox的id          
document.getElementByIdx("hdnChkID").value = idVal;          
if(lstChkID!=&#39;&#39;)        
{            
document.getElementByIdx(lstChkID).checked = false;         
}     
}                
} 
//CheckBox单选-遍历实现 
function singleSelCHK(idVal,chkId)
{ var vInput=document.getElementsByTagName_r("INPUT"); 
for(var i in vInput) 
{ var obj=vInput[i]; if(obj.type=="checkbox" && obj.id.indexOf(chkId)!=-1 && obj.id!=document.getElementByIdx(idVal).id)
{ 
//alert(obj.type); vInput[i].checked=false; } } }

Résumé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn