jquery判断checkbox是否选中

/* 所有的checkbox为选中 */
$("input[type='checkbox']").attr("checked", true);
 
 
/* 所有的checkbox不选中 */
$("input[type='checkbox']").attr("checked", false);
$("input[type='checkbox']").removeAttr("checked");
 
/* 判断checkbox是否为选中 */
var cboxObj = $("input[type='checkbox']"); // checkbox的对象
if (cboxObj.is(":checked")) { 
// 这里为选中状态
} else {
// 这里为没选中状态
}

继续阅读

不错的JS日期控件(My97 DatePicker)

官方推荐优点如下:
==============
更人性化,更全面的功能
==============
强大的日期范围限制功能
==============
自定义事件和丰富的API库
==============
多语言支持和自定义皮肤支持
==============
跨无限级框架显示和自动选择显示位置

官方demo和文档
http://www.my97.net/dp/demo/index.htm

继续阅读

JS字符串转数字及JQuery遍历对象

这篇文章主要讲两个知识点

JS字符串转数字
假如:

<input type="text" name="aa" value="2" />

那你获取到这个文本框的值是一个字符串,而不是一个数据
不能进行加运算,两值相加会变成22字符串,而不是整数4

所以要对字符串进行强制类型转换,这里用到了两个方法:parseInt(), parseFloat()

var a = “2”;
parseInt(a); /* 这里就变成整数2了 */

JQuery遍历对象
在JQuery获取到对象后,如$(“.aclass”) ,里面为aclass的类的对象很多,
要遍历里面的对象的话,一般会用到:each()

$(“.aclass”).each(function(){

});

继续阅读

JS验证汉字、数字、字母、下划线

^[\w\u4E00-\u9FA5\uF900-\uFA2D]*$ 

1、一个正则表达式,只含有汉字、数字、字母、下划线不能以下划线开头和结尾: 
^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$  其中: 
^  与字符串开始的地方匹配 
(?!_) 不能以_开头 
(?!.*?_$) 不能以_结尾 
[a-zA-Z0-9_\u4e00-\u9fa5]+ 至少一个汉字、数字、字母、下划线 
$ 与字符串结束的地方匹配

放在程序里前面加@,否则需要\\进行转义 @"^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$" 
(或者:@"^(?!_)\w*(?< !_)$"    或者  @" ^[\u4E00-\u9FA50-9a-zA-Z_]+$ "  )

2、只含有汉字、数字、字母、下划线,下划线位置不限: 
^[a-zA-Z0-9_\u4e00-\u9fa5]+$

3、由数字、26个英文字母或者下划线组成的字符串 
^\w+$

4、2~4个汉字 
@"^[\u4E00-\u9FA5]{2,4}$";
 继续阅读 

js(Javascript)增加删除表(table)行(tr)

代码很简单,本人只是做一个抛砖引玉而已~~~哈哈~

<html>
<head>
<title>js insert delete talbe row</title>	
<script type="text/javascript">
function inRow()
{
	var table = document.getElementById("tid");	
	var nextIndex = table.rows.length
	var nextRow = table.insertRow(nextIndex);	
	nextRow.insertCell(0).innerHTML = "A"+nextIndex;
	nextRow.insertCell(1).innerHTML = "B"+nextIndex;
	nextRow.insertCell(2).innerHTML = "C"+nextIndex;
	nextRow.insertCell(3).innerHTML = '<a href="javascript:;" onclick="return del(this)">删除</a>';
	return false;
}
function del(obj)
{
	var table = obj.parentNode.parentNode.parentNode;
	table.deleteRow(obj.parentNode.parentNode.rowIndex);	
}
</script>
</head>	
<body>
<input type="button" name="insert" value="增加" onclick="return inRow()" />
<table border="1" width="300" name="tt" id="tid">
	<tr>
	<td>A0</td>
	<td>B0</td>
	<td>C0</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>
<tr>
	<td>A1</td>
	<td>B1</td>
	<td>C1</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>
<tr>
	<td>A2</td>
	<td>B2</td>
	<td>C2</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>
<tr>
	<td>A3</td>
	<td>B3</td>
	<td>C3</td>
	<td><a href="javascript:;" onclick="return del(this)">删除</a></td>	
</tr>	
</table>
</body>
</html>

案例如下:
继续阅读

JS 动态生成 select option

function ad_changed(obj) 
  {
  	id = obj.value;
  	Ajax.call('adv_auto.php?act=get_id&is_ajax=1', 'parent_id='+id, re_ad_changed, "GET", "JSON");
  }
  function re_ad_changed(result)
  {
  	child = document.getElementById('ad_id');
	child.options.length=0;
  	for(i = 0; i < result.content.length; i++)
  	{ 
  	  child.options.add(new Option());
  	  child.options[i].value = result.content[i].ad_id;
  	  child.options[i].text = result.content[i].ad_name;
   	}
   	child.style.display = "";
  	return ;
  }

继续阅读

JS实现对下拉框的快速索引

如果你一个下拉框很多选项,而且排序没规律
那要找到自己的项是多烦的一件事,
今天用JS写了一个小函数
只要实现,通过输入选择项的某个字或词,快速索引
功能还是挺强大的。代码如下:

<html>
<head>
	<title>索引测试</title>
	<script>
		function findstr(ftxt){
			var fb=document.getElementById('keywords');
			var asd='';
			for(var i=0; i < fb.length;i++){
				asd=fb.options[i].text;
				df=asd.indexOf(ftxt);
				if(df >= 0){
					fb.value=fb.options[i].value;
					break;
				}
			}
	}
	</script>
</head>
<body>
<select id="keywords" >
<option value="lok">lok</option>
<option value="chen">chen</option>
<option value="cjinle">cjinle</option>
<option value="china">china</option>
<option value="chinese">chinese</option>
<option value="河蟹">河蟹</option>
<option value="犀利哥">犀利哥</option>
<option value="春哥">春哥</option>
</select> < <快速索引<input type="text" ONKEYUP="findstr(this.value)" />
</body>
</html>

继续阅读