JS -- 常用方法

/**   
* 全选的所有指定名称的checkbox  
*@state　全选的checkbox的状态  
*@name   表格中的所有checkbox的名称  
*@author fangtf  
*@type void  
*/  
function selectAll(state,name) {   
    var ids = document.getElementsByName(name);   
    for (var i = 0; i < ids.length; i++)    
    {          
            ids[i].checked = state;   
    }   
}   
  
  
/**   
* 全选的所有指定id名称的同名checkbox  
*@state　全选的checkbox的状态  
*@name   表格中的所有checkbox的名称  
*@name   表格中的所有checkbox的id  
*@author fangtf  
*@type void  
*/  
function selectAllCheckboxByID(state,name,id) {   
    var ids = document.getElementsByName(name);   
    for (var i = 0; i < ids.length; i++)    
    {          
            if(ids[i].id == id)   
            {   
                ids[i].checked = state;   
            }   
               
    }   
}   
  
/**   
* 全选页面上所有的checkbox  
*@state　全选的checkbox的状态  
*@author fangtf  
*@type void  
*/  
function selectAlls(state)    
{   
    var inputs = document.getElementsByTagName("input");   
    for(var i =0;i<inputs.length;i++)   
    {   
        if(inputs[i].type == "checkbox")   
        {   
            inputs[i].checked =state;    
        }   
    }   
  
}   
  
  
/**  
*得到鼠标所单击的行  
*@type Object  
*/  
function GetRow(oElem) {   
    while (oElem) {   
        if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {   
            return oElem;   
        }   
        if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {   
            return false;   
        }   
        oElem = oElem.parentElement;   
    }   
}   
  
/**   
* 全选当前行的checkbox  
*@state　全选的checkbox的状态  
*@author fangtf  
*@type void  
*/  
function selectRowCheckbox(state)   
{   
  var row = GetRow(window.event.srcElement);   
  var cells = row.childNodes;    
  for(var i=0;i<cells.length;i++)   
  {   
      var cell = cells[i].childNodes[0];   
     if(cell.tagName == "INPUT")   
     {   
        cell.checked = state;   
     }   
  }   
}   
  
/**   
*选中指定值的Radio  
*如：有两个radio,  
*第一个的name="ids",value="1"  
*第二个的name="ids",value="２"  
*调用方法selectRadio("ids","1");  
*那么数值为１的Radio将被选中  
*@name radio的名称  
*@value radio的值  
*@author fangtf  
*@type void  
*/  
function selectRadio(name,value) {   
    var radioObject = document.getElementsByName(name);   
    if(value === "")   
    {   
        radioObject[0].checked = true;   
        return;   
    }   
    for (var i = 0; i < radioObject.length; i++)    
    {   
        if(radioObject[i].value == value)   
        {   
            radioObject[i].checked = true;   
            break;   
        }   
           
    }   
}   
  
  
/**   
*选中指定值的checkbox  
*如：有两个checkbox,  
*第一个的name="ids",value="1"  
*第二个的name="ids",value="２"  
*第三个的name="ids",value="3"  
*调用这个方法selectCheckbox("ids","1,2")那么数值为１，２的checkbox将被选中  
*                  
*@name 要选中的checkbox数组的名称  
*@value 判断时候选中的值  
*@author fangtf  
*@type void  
*/  
function selectCheckbox(name,value) {   
    var checkObject = document.getElementsByName(name);   
    var values = value.split(",");   
    for(var j = 0; j < values.length; j++)   
    {   
        for (var i = 0; i < checkObject.length; i++)    
        {   
            if(checkObject[i].value == values[j])   
            {   
                checkObject[i].checked = true;   
                break;   
            }   
        }   
    }   
       
}   
  
/**   
*选中指定值的select  
*如：有一个名称为user的select  
*<option value="0"></option>  
*<option value="1"></option>  
*调用这个方法selectOption("user","0")那么选项为0的选项就被选中  
*                 
*@name  String  select的名称  
*@value String  判断时候选中的值  
*@author fangtf  
*@type void  
*/  
function selectOption(name,value)   
{   
     document.getElementsByName(name)[0].value=value;   
  
} 
 
 
 
 
 
ENTER键可以让光标移到下一个输入框 
<input onkeydown="if(event.keyCode==13)event.keyCode=9" > 

只能是中文 
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> 

屏蔽输入法 
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> 

只能输入英文和数字 
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> 

只能是数字 
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 

只能显示，不能修改 
<input readonly value="只能显示，不能修改"> 

只能输数字，判断按键的值 
<script language=javascript> 
function onlyNum() 
{ 
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8))) 
event.returnValue=false; 
} 
</script> 
<input onkeydown="onlyNum();"> 
 
 
 
 
 
javascript如何调用C#后代码中的过程 和ASP.NET调用JS乱码解决方案 

+++++++++++++++++第一种情况： 

1.后台方法： 

protected string CsharpVoid(string strCC) 
{ 

return strCC; 

} 

2.javascript 调用 
<script language="javascript"> 

var s = "<%=CsharpVoid("www.esoutong.com")%>"; 
document.write(s); 

</script> 




+++++++++++++++++第二种情况： 

1.后代码： 
protected void CsharpVoid() 
{ 
string strCC = "www.esoutong.com"; 
Response.Write(strCC); 

} 

2.调用方法：CsharpVoid() 

<script language="javascript"> 
document.write("<%CsharpVoid();%>"); 
</script> 


你可在页面中放一个按钮,把它设置为不可见style="display:none",然后,用脚本让此按钮点击 
document.all("button1").click(); 
在此按钮的C#后台中写事件代码,这就是最简单的脚本调用C#方法. 



在网上看到这样一个问题：作者用的平台是.NET，用C#在本机开发，在aspx文件中调用 js文件： 

<script language="javascript" src="mymenu.js"></script> 

结果在页面及 alert 提示的中文均为乱码，求解决办法。结果后面跟贴给出一长串的解决办法，其实很简单，在aspx 文件的头部添加一行代码即可： 

<%@ Page ContentType="text/html" ResponseEncoding="gb2312" %>