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 属性を使用しないため (ほとんどの人はこれらを省略します)、前の回答が必要になると思います。

于 2013-04-14T21:22:27.567 に答える