0

我已经看到很多关于为复选框设置 tabindex 的示例，但我无法找到获取当前选定复选框的 tabindex 或其在组中的位置的示例。我一直在尝试使下面的代码工作，但每个复选框的值都为 0。你能指点我一个例子或帮助我吗？谢谢。 

  $.each($checkboxes, function () {

                 if ($(this).is(':checked')) {
                     var selectedIndex = $(this).attr('tabindex');
                      //do something with selectedIndex

编辑

所以 jesh.tesh 我正在尝试在这一行中使用您的代码 var theCheckboxPosition = ($(this).prop("tabindex")); 但它忽略了 eq(theCheckboxPosition)。这是我应该开始发布的内容。

         var $checkboxes = $('input[type="checkbox"]');

         $(document).ready(function () {

             var nos = $('#listTable #searchString').length;

             // alert(nos);
             $.each($checkboxes, function (idx, data) {
                 if ($(this).is(':checked')) {

                     //  alert('checked');
                     var theCheckboxPosition = ($(this).prop("tabindex"));
                     $('#listTable .teacherlists').eq(theCheckboxPosition).css('border', '2px dashed blue');
                     $('#listTable .daylists').eq(theCheckboxPosition).css('border', '2px dashed blue');

                 }


             });

         });

        </script>
4

1 回答 1

1

我想你会想要使用prop. 我有一个工作 jsFiddle。

这是小提琴中的内容：

HTML

<ul>
    <li><input type="checkbox" tabindex="1" /></li>
    <li><input type="checkbox" tabindex="2" /></li>
    <li><input type="checkbox" tabindex="3" /></li>
</ul>
<p>
    <button>Submit</button>
</p>

JS

$(function () {
    $("button").on("click", function () {
        $.each($("input[type=checkbox]"), function (idx, data) {
            if ($(this).is(":checked")) {
               console.log($(this).prop("tabindex")); 
            }
        });
    });
});

编辑

再次阅读您的问题后，我看到您提出了 2 个不同的问题。你要求我提供了一个解决方案的 tabindex，你要求在一个组中的位置，另一个答案为你提供了。这些不是一回事。

我的猜测是你会想要上一个答案，因为你可能不使用 tabindex 属性（大多数人忽略了这些）。

于 2013-04-14T21:22:27.567 回答