读书人

jquery动态增加表格表单行来插入数据-

发布时间: 2012-11-01 11:11:32 作者: rapoo

jquery动态增加表格表单行来插入数据-------遇到的兼容问题和radio问题

环境:struts2-2.2.1,jquery-1.4.4.min.js,eclipse-jee-helios-SR1-win32,access,

?

?

?

第二个<tr>就是用来增加行时的副本。

?

radio问题:

最后男女用单选项时(代码的红色处),增加行后,犹豫他们的name都是sex,所以当你选择时就只能选择所有行的一个。所以我换成了checkbox。

?

?

浏览器兼容问题:

当换成checkbox时(代码的蓝色),为了实现男和女必选一个时又写了上面蓝色的jquery代码,主要实现前后相邻节点访问。

刚开始用的是:

?

Java代码?
  1. http://www.cnblogs.com/mextb1860/archive/2008/04/11/1147841.html??



方法一

Html代码?
  1. <BODY>?????
  2. ?<input?type="checkbox"?name="cbox"?value="cbox1"?onClick="chooseOne(this);">checkBox1?????
  3. ?<input?type="checkbox"?name="cbox"?value="cbox2"?onClick="chooseOne(this);">checkBox2?????
  4. ?<input?type="checkbox"?name="cbox"?value="cbox3"?onClick="chooseOne(this);">checkBox3?????
  5. ?<input?type="checkbox"?name="cbox"?value="cbox4"?onClick="chooseOne(this);">checkBox4?????
  6. ?</BODY>???
  7. ??
  8. ?<script>?????
  9. ?????//chooseOne()函式,函式的元素本身?????
  10. ?????function?chooseOne(cb){?????
  11. ?????????//先取得同name的chekcBox的集合物件?????
  12. ?????????var?obj?=?document.getElementsByName("cbox");?????
  13. ?????????for?(i=0;?i<obj.length;?i++){?????
  14. ?????????????//判obj集合中的i元素是否cb,若否表示未被?????
  15. ?????????????if?(obj[i]!=cb)?obj[i].checked?=?false;?????
  16. ?????????????//若是?但原先未被勾?成勾;反之?未勾?????
  17. ?????????????//else??obj[i].checked?=?cb.checked;?????
  18. ?????????????//若要至少勾一的,把上面那行else拿掉,用下面那行?????
  19. ?????????????else?obj[i].checked?=?true;?????
  20. ?????????}?????
  21. ?????}?????
  22. ?</script>???



方法二

Html代码?
  1. <BODY>?????
  2. ?<div?id="mydiv">?????
  3. ?<input?type="checkbox"?name="cbox1"?value="cbox1"?onClick="chooseOne(this);">checkBox1????
  4. ?<input?type="checkbox"?name="cbox2"?value="cbox2"?onClick="chooseOne(this);">checkBox2????
  5. ?<input?type="checkbox"?name="cbox3"?value="cbox3"?onClick="chooseOne(this);">checkBox3????
  6. ?<input?type="checkbox"?name="cbox4"?value="cbox4"?onClick="chooseOne(this);">checkBox4????
  7. ?</div>?????
  8. </BODY>???
  9. ??
  10. ??
  11. ?<script>?????
  12. ?????//chooseOne()函式,函式的元素本身?????
  13. ?????function?chooseOne(cb)?{?????
  14. ?????????//先取得Div元素?????
  15. ?????????var?obj?=?document.getElementById("mydiv");?????
  16. ?????????///判obj中的子元素i是否cb,若否表示未被?????
  17. ?????????for?(i=0;?i<obj.children.length;?i++){?????
  18. ?????????????if?(obj.children[i]!=cb)????obj.children[i].checked?=?false;?????
  19. ?????????????//若是?但原先未被勾?成勾;反之?未勾?????
  20. ?????????????else????obj.children[i].checked?=?cb.checked;?????
  21. ?????????????//若要至少勾一的,把上面那行else拿掉,用下面那行?????
  22. ?????????????//else?obj.children[i].checked?=?true;?????
  23. ?????????}?????
  24. ?????}?????
  25. ?</script>???

?

?

?

?

读书人网 >Web前端

热点推荐