Question

我已经看到很多关于为复选框设置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（＆＃34; tabindex＆＃34;））;但它忽略了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>

Answer 1

我想你会想要使用prop。我有a working 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")); 
            }
        });
    });
});

修改

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

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

如何使用jquery获取复选框的tabindex？

1 个答案: