<table id="aa">
  <tr>
   <td><input type="checkbox" name="box" id="haha"/></td>
   <td><input type="text" name="stuID1" id="stuID1"/></td>
  </tr>
  <tr>
   <td><input type="checkbox" name="box" id="haha"/></td>
   <td><input type="text" name="stuID2" id="stuID2"/></td>
  </tr>
  <tr>
   <td><input type="checkbox" name="box" id="haha"/></td>
   <td><input type="text" name="stuID3" id="stuID3"/></td>
  </tr>
</table>
比如说还有一个提交按钮,当点击按钮时需要判断stuID(1-3)的value值是否为空,但是只有在那一行的复选框选中时才判断。如果复选框没有选中则不进行判断。求JS或者JQUERY详细代码

解决方案 »

  1.   


    function check() {
    $("#aa tr").each(function () {
    var tr = $(this);
    var cb = tr.find(":checkbox[name='box']");
    var tx = tr.find(":text:first");
    if (cb.attr("checked") && $.trim(tx.val()).length == 0) {
    //alert('');tx.focus();
    return false;
    }
    });
    return true;
    }
      

  2.   

    function check() {
    var context= document.getElementById("aa");
    var trs= context.getElementsByTagName("tr");
    for(var i=0 ;i<trs.length ;i++){
    var inputs= trs[i].getElementsByTagName("input");
    alert("checkbox["+ i+"].checked=" + inputs[0].checked);
    alert("text["+ i+"].value=" + inputs[1].value);
    }
    }
      

  3.   


       <script>
            $(function () {
                $("#btnTest").bind("click", function () {
                    $("input[type='checkbox']:checked").each(function () {
                        var obj = $(this);
                        var value = obj.parent("td").next().find("input").val();
                        if ($.trim(value).length == 0) {
                            alert("为空了");
                        }
                    });
                });
            })
        </script>