当前位置: 代码迷 >> Web前端 >> checkbox 多选有关问题
  详细解决方案

checkbox 多选有关问题

热度:145   发布时间:2012-11-23 22:54:33.0
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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><label>
      <input type="submit" onclick="showuml()" name="button" id="button" value="提交" />
    </label>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

?

  相关解决方案