读书人

checkbox 多选有关问题

发布时间: 2012-11-23 22:54:33 作者: rapoo

checkbox 多选问题

<script type="text/javascript">  function showuml(){   //选出对应的input checked    var items = $('input[@name=uml][@checked]');for(var i = 0; i < items.length; i++ ) {            //得到父结点对应的所有子结点var input = items.eq(i).parent().nextAll(); for(var j = 0; j<input.length;j++) {                          //打印出信息 alert(input.eq(j).html()); }}  }  </script>

?HTML 信息

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="../common/jquery/jquery.js"></script><script type="text/javascript">  function showuml(){    var items = $('input[@name=uml][@checked]');for(var i = 0; i < items.length; i++ ) {var input = items.eq(i).parent().nextAll(); for(var j = 0; j<input.length;j++) { alert(input.eq(j).html()); }}  }  </script><title>无标题文档</title></head><body><table width="100%" border="1">  <tr>    <td> </td>    <td> </td>    <td> </td>    <td> </td>    <td> </td>  </tr>  <tr>    <td><input name="uml" type="checkbox" id="checkbox" checked="checked" /></td>    <td>22221111</td>    <td>22222222</td>    <td>2222333</td>    <td>22224444</td>  </tr>  <tr>    <td><input type="checkbox" name="uml" id="checkbox2" /></td>    <td>333</td>    <td>333</td>    <td>3333</td>    <td>33333</td>  </tr>  <tr>    <td><input type="checkbox" name="uml" id="checkbox3" /></td>    <td id="qw">33444</td>    <td>444</td>    <td>444</td>    <td>44444</td>  </tr>  <tr>    <td><input type="checkbox" name="uml" id="checkbox4" /></td>    <td>5555</td>    <td>5555</td>    <td>555</td>    <td>555</td>  </tr>  <tr>    <td> </td>    <td> </td>    <td> </td>    <td><label>      <input type="submit" onclick="showuml()" name="button" id="button" value="提交" />    </label> </td>    <td> </td>  </tr></table></body></html>

?

读书人网 >Web前端

热点推荐