常用JavaScript函数 31 - 46（自我总结）

转载

zhangying2001 2023-07-24 17:24:25

文章标签 JavaScript jQuery CSS HTML ASP 文章分类 代码人生

常用JavaScript函数 1 - 15 （自我总结）

常用JavaScript函数 16 - 30（自我总结）

31、获得当前日期

32、 jquery 操作 radio

33、双击滚屏

34、框架显示/隐藏

35、 JavaScript中的var_dump

36、为 JavaScript 添加 in_array 支持二维数组

37、支持div的抖动

38、 JavaScript中的empty();

39、 input or area 显示/隐藏提示信息

40、 str_replace

41、 implode / explode

42、全选

43、去除数组中的重复项

44、用JavaScript动态加载CSS和JS文件

45、用JavaScript生成菜单树(build_file_tree) 需要得到JSON

46、 textarea自动适应高度

31、获得当前日期

<script language='javascript'> 
	function startTime(){ 
		var today=new Date(); 
		var y = today.getFullYear();
		var m = today.getMonth();
		var t = today.getDate();
		var d = today.getDay();
		var h = today.getHours(); 
		var i = today.getMinutes(); 
		var s = today.getSeconds(); 

		var weekday = {
				'0': '星期日',
				'1': '星期一',
				'2': '星期二',
				'3': '星期三',
				'4': '星期四',
				'5': '星期五',
				'6': '星期六'
			};

		//add a zero in front of number<10 
		i = checkTime(i); 
		s = checkTime(s); 

		document.getElementById('txt').innerHTML = '今天是: ' + y + '年 ' + m + '月' + t + '日' + weekday[d] + '; 现在的时间是' + h + ':' + i + ':' + s; 
		t=setTimeout('startTime()',1000); 
	} 
	
	function checkTime(i){ 
		if (i<10){ 
			i='0'+i; 
		} 
		return i; 
	} 
</script> 

<body οnlοad='startTime()'>
	<div id='txt'></div>
	<br><br>
</body>

详细参考： http://www.w3school.com.cn/js/jsref_obj_date.asp

32、jquery 操作 radio

检测单个radio是否选中

<script src="http://code.jquery.com/jquery-latest.js"></script>  
	<script type="text/javascript">
	$(function(){
		if($('input[name=Number]').attr('checked')){
			// do something
		}else{
			// do something
		}
	})
	</script> 

    <input name="Number" type="radio" value="50">50

检测多个radio是否选中

<script src="http://code.jquery.com/jquery-latest.js"></script>  
	<script type="text/javascript">
	$(function(){
		if($('input[name=Number_of_Employees]:checked').length  != 1){
			// do something
		}else{
			// do something
		}
	})
	</script>  
    
    <input name="Number" type="radio" value="50">50
    <input name="Number" type="radio" value="250">250
    <input name="Number" type="radio" value="40">450

获取radio的值

<script src="http://code.jquery.com/jquery-latest.js"></script>  
	<script type="text/javascript">
	$(function(){
		alert($('input[name=Number]:checked').val());
	})
	</script>  
    
    <input name="Number" type="radio" value="50">50
    <input name="Number" type="radio" checked="checked" value="250">250
    <input name="Number" type="radio" value="40">450

点击层选中复选框

<script>
$(function(){
       $('#ecard li').click(function(){
              $(this).find(':checkbox').attr('checked',true);
       });
})
</script>

JavaScript版

<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
  if(str[i].checked == true)
  {
   chestr+=str[i].value+",";
  }
}
if(chestr == "")
{
  alert("请先选择复选框～！");
}
else
{
  alert("复选框的值是："+chestr);
}
}
</script>
选择您的拿手技术：
  <input type="checkbox" name="box" id="box1" value="ASP" />ASP
  <input type="checkbox" name="box" id="box2" value="PHP" />PHP
  <input type="checkbox" name="box" id="box3" value="JSP" />JSP
  <input type="button" name="button" id="button" οnclick="checkbox()" value="提交" />