jquery实现短信群发功能（机试题）详解编程语言

一机试题要求实现大概短信群发功能，就是选择一些人，输入短信内容 然后发送，可用swing，html+js，jquery，android亦可。

主要要求时界面美观，友好。

我实现的界面如下，美不美观就不说了，先实现功能。

test.html

<div align="center"> 
   		 <table> 
		    <tr> 
		    	<td align="right">请选择要发送的人员：</td> 
		    	<td><input type="text" size="38" name="names"/></td> 
		   		<td> 
				    <input type="checkbox" name="per" value="张三">张三 
				    <input type="checkbox" name="per" value="李四">李四 
				    <input type="checkbox" name="per" value="王五">王五 
				    <input type="checkbox" name="per" value="赵六">赵六 
				    <input type="checkbox" name="per" value="孙七">孙七 
			    </td> 
		    </tr> 
		    <tr> 
		    	<td align="right">请输入短信内容：</td> 
		    	<td colspan="2"><textarea name="contents" cols="30" rows="5"></textarea></td> 
		    </tr> 
		    <tr> 
		   		<td colspan="2" align="right"><input type="button" name="btn" value="发送"/></td> 
		    </tr> 
    	</table> 
     </div>

jquery

<script type="text/javascript"> 
$(document).ready(function(){ 
	var names = "";                                   //选择的人员  
	$("input[name='per']").click(function(){ 
		if($(this).attr("checked")==true){            //如果被选中则组合字符串  
			names+=this.value; 
			names+=" "; 
		}else{ 
			names=names.replace(this.value+" ","");   //如果取消选中 则把该人员替换为"" 
		} 
		$("input[name='names']").val(names);          //把人员信息 赋值到input中   
	}) 
	 
	$("input[name='btn']").click(function(){     
		var contents = $("textarea[name='contents']").val();      //验证   
		if(names==null||names==""){ 
			alert("请至少选择一个要发送的人员！"); 
			return; 
		}else if(contents==null||contents==""){ 
			alert("请输入短信内容！"); 
			return; 
		}else{ 
			alert("发送成功 ！"); 
		} 
	}) 
}) 
</script>