Question

我有这段代码

<tr class="CheckboxRow">
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="7" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="1" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="2" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="3" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="4" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="5" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="6" class="Checkbox" />
  </td>
  <td class="FromTimeTextboxCol">
    <input name="" type="text" class="FromTime" />
  </td>
  <td class="ToTimeTextboxCol">
    <input name="" type="text" class="ToTime" />
  </td>
</tr>
<tr class="CheckboxRow">
<td class="CheckboxCol">
    <input name="" type="checkbox" value="7" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="1" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="2" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="3" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="4" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="5" class="Checkbox" />
  </td>
  <td class="CheckboxCol">
    <input name="" type="checkbox" value="6" class="Checkbox" />
  </td>
  <td class="FromTimeTextboxCol">
    <input name="" type="text" class="FromTime" />
  </td>
  <td class="ToTimeTextboxCol">
    <input name="" type="text" class="ToTime" />
  </td>
</tr>

现在我想检查每个对应的行是否必须选中至少一个复选框，并且FromTime和ToTime文本框应该有值，否则应该为该行显示所需的消息。

如何在输入按钮单击时使用JavaScript或Jquery实现此目的？

注意：我没有为任何字段分配ID，因为行数可以动态添加到页面中。

Answer 1

$("#TableTbody tr").each(function(i,row){

$(row).find("YourElementClassName").val();
//perform Check Here...

})

获取表格中每行的文本框和复选框值

1 个答案: