如何在javascript中获取一组复选框值

时间:2012-09-05 10:46:22

标签: javascript

我有一组具有相同名称的复选框,如下所示

one row has

      1.checkbox
      2.text box1
      3.text box2

我想获取选中的复选框值以及复选框所在行中的文本框值。

更新:

S.No    Header Name     Size    Display Order
1        checkbox        25          1
2        checkbox        25          2
3        checkbox        25          3
4        checkbox        25          4

这就是我的html页面的样子,假设s.no 1 selected means i want to get the SIZE and DISPLAY ORDER值在文本框中。

这是我使用的代码,但甚至没有进入:

function customiseReport()
        {
           alert("customiseReport : ");
           var oParent = document.getElementById('headername');
           var aElements = oParent.getElementsByTagName('input');
           for (var i = 0; i < aElements.length; i++) {
              if (aElements[i].type == 'checkbox' && aElements[i].checked==true) {

              }
           }
        }

如何在javascript中执行此操作?

请帮忙。

此致

1 个答案:

答案 0 :(得分:1)

    <div id="checkbox_list">
        <input type="checkbox" class="checkboxes"/>
        <input type="checkbox" class="checkboxes"/>
        <input type="checkbox" class="checkboxes"/>
    </div>
    <button id="btn_clickme">Click me</button>
    <script type="text/javascript">
        $(function () {
            $('#btn_clickme').click(function () {
                alert('number of selected checkboxes: ' + $('.checkboxes:checked').size());
            });
        })
    </script>