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

How to get group of checkboxes values in javascript

本文关键字:一组 复选框 javascript 获取      更新时间:2023-09-26

我有一组同名的复选框,如下

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中做到这一点?

请帮忙。

问候

    <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>