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

2012-11-01

jquery动态增加表格表单行来插入数据-------遇到的兼容问题和radio问题环境：struts2-2.2.1，jquery-1.4.4.m

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代码?http://www.cnblogs.com/mextb1860/archive/2008/04/11/1147841.html??


方法一
Html代码?<BODY>?????
?<input?type="checkbox"?name="cbox"?value="cbox1"?onClick="chooseOne(this);">checkBox1?????
?<input?type="checkbox"?name="cbox"?value="cbox2"?onClick="chooseOne(this);">checkBox2?????
?<input?type="checkbox"?name="cbox"?value="cbox3"?onClick="chooseOne(this);">checkBox3?????
?<input?type="checkbox"?name="cbox"?value="cbox4"?onClick="chooseOne(this);">checkBox4?????
?</BODY>???
??
?<script>?????
?????//chooseOne()函式，參數為觸發該函式的元素本身?????
?????function?chooseOne(cb){?????
?????????//先取得同name的chekcBox的集合物件?????
?????????var?obj?=?document.getElementsByName("cbox");?????
?????????for?(i=0;?i<obj.length;?i++){?????
?????????????//判斷obj集合中的i元素是否為cb，若否則表示未被點選?????
?????????????if?(obj[i]!=cb)?obj[i].checked?=?false;?????
?????????????//若是?但原先未被勾選?則變成勾選；反之?則變為未勾選?????
?????????????//else??obj[i].checked?=?cb.checked;?????
?????????????//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行?????
?????????????else?obj[i].checked?=?true;?????
?????????}?????
?????}?????
?</script>???


方法二
Html代码?<BODY>?????
?<div?id="mydiv">?????
?<input?type="checkbox"?name="cbox1"?value="cbox1"?onClick="chooseOne(this);">checkBox1????
?<input?type="checkbox"?name="cbox2"?value="cbox2"?onClick="chooseOne(this);">checkBox2????
?<input?type="checkbox"?name="cbox3"?value="cbox3"?onClick="chooseOne(this);">checkBox3????
?<input?type="checkbox"?name="cbox4"?value="cbox4"?onClick="chooseOne(this);">checkBox4????
?</div>?????
</BODY>???
??
??
?<script>?????
?????//chooseOne()函式，參數為觸發該函式的元素本身?????
?????function?chooseOne(cb)?{?????
?????????//先取得Div元素?????
?????????var?obj?=?document.getElementById("mydiv");?????
?????????///判斷obj中的子元素i是否為cb，若否則表示未被點選?????
?????????for?(i=0;?i<obj.children.length;?i++){?????
?????????????if?(obj.children[i]!=cb)????obj.children[i].checked?=?false;?????
?????????????//若是?但原先未被勾選?則變成勾選；反之?則變為未勾選?????
?????????????else????obj.children[i].checked?=?cb.checked;?????
?????????????//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行?????
?????????????//else?obj.children[i].checked?=?true;?????
?????????}?????
?????}?????
?</script>???
?
?
?
?

热点排行

Web前端

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