js代码 <mce:script type="text/javascript" src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function(){ $("#addItem").click(function(){ //文本框的取值方式 var username = $("#username").val();//方法一 var username1 = $(":text").val();//方法二 var username2 = $("input:[name='username']").val();//方法三 alert("你的姓名是:"+username); //单选框的取值方式 var sex = $("input:[name='sex'][checked='true']").val(); alert("你的性别是:"+sex); //复选框的取值方式 var interests = $("input:[name='interests']"); var interest = ""; for(var i=0;i<interests.length;i++){ if (interests[i].checked){ interest += interests[i].value + ":"; } } alert("你的兴趣是:"+interest); //复选框的取值及其兄弟input的取值 var checkAll = $("input[name='idKeys']"); var quantity = ""; for (var i = 0; i < checkAll.length; i++) { if (checkAll[i].checked) { quantity+=$("input:checkbox~.quantity").eq(i).val()+":"; } } alert("你填写的数量是:"+quantity); //设置初始状态下Select的默认选项 参考 demo3.html //下拉菜单的选择方式 var work = $("select:[name='work'] option[selected]").text(); alert("你的工作是:"+work); alert($("table").eq(0).html()); }); }); // --></mce:script> body部分 <body> <center> <table border="1" width="400"> <tr> <td>username</td> <td><input name="username" id="username" type="text"/></td> </tr> <tr> <td>sex</td> <td> <input name="sex" type="radio" value="man" />man <input name="sex" type="radio" value="woman"/>woman </td> </tr> <tr> <td>interests</td> <td> <input name="interests" type="checkbox" value="surfing"/>surfing <input name="interests" type="checkbox" value="running"/>running <input name="interests" type="checkbox" value="climbing"/>climbing </td> </tr> <tr> <td>quantity</td> <td> <input type="checkbox" name="idKeys" value="1" />1 <input type="text" name="quantity" class="quantity" size="6"/> </td> </td> </tr> <tr> <td>quantity</td> <td> <input type="checkbox" name="idKeys" value="2" />2 <input type="text" name="quantity" class="quantity" size="6"/> </td> </tr> <tr> <td>work</td> <td> <select name="work"> <option value="teacher">teacher</option> <option value="student">student</option> <option value="cook">cook</option> </select> </td> </tr> <tr> <td colspan="3"> <input type="button" value="Submit" id="addItem"/> </td> </tr> </table> </center> </body>