Способы получения идентификатора установленного флажка не работают - PullRequest
Новая
       29

Способы получения идентификатора установленного флажка не работают

0 голосов
/ 02 октября 2018

Если щелкнуть по любому из флажков поддеревьев в разделе «Админ», ни один из методов для получения и отображения идентификатора элемента, на который нажали, в моей работе js.Все попытки возврата не определены.Что требуется, чтобы получить идентификатор тогда? 

            <div class="tree" style="border: currentColor; border-image: none; height: 1200px; -ms-overflow-y: hidden;">
                <ul class="nav nav-list" style="border: currentColor; border-image: none;">
                    <li>
                        <span class="accordion-heading" aria-expanded="false" data-toggle="collapse" data-target="#MMenu_DTID1">
                            <span class="checkbox MMTree-checkbox styled red"><input name="SM_IsPermitted1" class="MMTree-checkbox styled red" id="SM_IsPermitted1" style="display: none;" type="checkbox" value="false" iid="1"></span>
                            <input name="MM_IsPermitted1" type="hidden" value="false">
                            Admin
                        </span>
                        <ul class="nav nav-list collapse" id="MMenu_DTID1" style="padding-left: 20px;">
                            <li>
                                <span class="accordion-heading" aria-expanded="false" data-toggle="collapse" data-target="#S_menu1">
                                    <span class="checkbox subtree-checkbox styled red"><input name="SM_IsPermitted1" class="subtree-checkbox styled red" id="SM_IsPermitted1" style="display: none;" type="checkbox" value="false" iid="1"></span>
                                    <input name="SM_IsPermitted1" type="hidden" value="false">
                                    Users
                                </span>
                                <ul class="nav nav-list collapse" id="S_menu1" style="padding-left: 60px;">
                                    <li>
                                        <span class="accordion-heading" data-toggle="collapse" data-target="#S_menu11">
                                            <span class="checkbox subtree-checkbox styled red">
                                              <input name="SM_IsPermitted11"  class="subtree-checkbox styled red" 
                                                     id="SM_IsPermitted11" style="display: none;" type="checkbox" value="false" iid="2">
                                            </span>
                                            <input name="SM_IsPermitted11" type="hidden" value="false">                                                 
                                             testGetID
                                        </span>
                                    </li>
                                </ul>

                            </li>
                        </ul>
                    </li>
                </ul>
            </div>


$(function ()
{
	$(".subtree-checkbox").click(function (e)
	{
   	    var idx = $(this).attr('id');
	    var idxx = $(this).prop('id');
	    alert("e.target.id = " + e.target.id);
            alert("id = " + idx);
	    alert("idxx = " + idxx);
     });
});

1 Ответ

0 голосов
/ 02 октября 2018

Вы подключаете событие к span, а не к флажку.Вместо этого установите флажок и используйте this.id, чтобы получить id: 

$(".subtree-checkbox input[type=checkbox]").click(function (e) {
    var id = this.id;
    // ...
});

. Или, если вам нужно перехватить диапазон, используйте find, чтобы найти флажок: 

$(".subtree-checkbox").click(function (e) {
    var id = $(this).find("input[type=checkbox]").attr("id");
    // ...
});

Или (чуть меньше jQuery) querySelector: 

$(".subtree-checkbox").click(function (e) {
    var id = this.querySelector("input[type=checkbox]").id;
    // ...
});
...