Heim  >  Artikel  >  Web-Frontend  >  Beispiel für die Codefreigabe, wie der ausgewählte Wert des Kontrollkästchens in der Rasteransicht mithilfe von JavaScript abgerufen wird

Beispiel für die Codefreigabe, wie der ausgewählte Wert des Kontrollkästchens in der Rasteransicht mithilfe von JavaScript abgerufen wird

黄舟
黄舟Original
2017-07-24 15:52:491870Durchsuche

In diesem Artikel wird hauptsächlich js vorgestellt, um den Wert des in der Rasteransicht ausgewählten Kontrollkästchens zu ermitteln. In diesem Artikel werden zwei Codeausschnitte vorgestellt, die sehr gut sind und einen Referenzwert haben.

Guter Test. Es hat lange gedauert, bis er herauskam, und das Kontrollkästchen befand sich in der ersten Spalte.


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

Okay, lassen Sie mich einen relativ guten Test mit Ihnen teilen Codeausschnitt. Der spezifische Code lautet wie folgt:


///功能:判断是否有选中项;      
///参数: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; } } }

Zusammenfassung

Das obige ist der detaillierte Inhalt vonBeispiel für die Codefreigabe, wie der ausgewählte Wert des Kontrollkästchens in der Rasteransicht mithilfe von JavaScript abgerufen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn