jquery实现短信群发功能（机试题）

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

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

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

test.html

[html] view plain copy

1. <div align="center">  
2.          <table>  
3.             <tr>  
4.                 <td align="right">请选择要发送的人员：</td>  
5.                 <td><input type="text" size="38" name="names"/></td>  
6.                 <td>  
7.                     <input type="checkbox" name="per" value="张三">张三  
8.                     <input type="checkbox" name="per" value="李四">李四  
9.                     <input type="checkbox" name="per" value="王五">王五  
10.                     <input type="checkbox" name="per" value="赵六">赵六  
11.                     <input type="checkbox" name="per" value="孙七">孙七  
12.                 </td>  
13.             </tr>  
14.             <tr>  
15.                 <td align="right">请输入短信内容：</td>  
16.                 <td colspan="2"><textarea name="contents" cols="30" rows="5"></textarea></td>  
17.             </tr>  
18.             <tr>  
19.                 <td colspan="2" align="right"><input type="button" name="btn" value="发送"/></td>  
20.             </tr>  
21.         </table>  
22.      </div>  

jquery

[javascript] view plain copy

1. <script type="text/javascript">  
2. $(document).ready(function(){  
3.     var names = "";                                   //选择的人员   
4.     $("input[name='per']").click(function(){  
5.         if($(this).attr("checked")==true){            //如果被选中则组合字符串   
6.             names+=this.value;  
7.             names+=" ";  
8.         }else{  
9.             names=names.replace(this.value+" ","");   //如果取消选中 则把该人员替换为""  
10.         }  
11.         $("input[name='names']").val(names);          //把人员信息 赋值到input中    
12.     })  
13.       
14.     $("input[name='btn']").click(function(){      
15.         var contents = $("textarea[name='contents']").val();      //验证    
16.         if(names==null||names==""){  
17.             alert("请至少选择一个要发送的人员！");  
18.             return;  
19.         }else if(contents==null||contents==""){  
20.             alert("请输入短信内容！");  
21.             return;  
22.         }else{  
23.             alert("发送成功 ！");  
24.         }  
25.     })  
26. })  
27. </script>