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>