获取点击复选框ID的方法不起作用

时间:2018-10-02 12:29:32

标签: jquery dom jquery-events

单击Admin下的任何子树复选框时,在我的js工作中,没有一种方法可以检索和显示被单击元素的ID。 所有尝试均返回未定义。 那么获取ID要求什么?

            <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 :(得分:4)

您将事件挂在10-02 15:22:22.621 26299-26958/com.clearvuze.teamvuze W/System.err: java.io.IOException: write failed: ENODEV (No such device) 10-02 15:22:22.624 26299-26958/com.clearvuze.teamvuze W/System.err: at libcore.io.IoBridge.write(IoBridge.java:558) 10-02 15:22:22.625 26299-26958/com.clearvuze.teamvuze W/System.err: at java.io.FileOutputStream.write(FileOutputStream.java:326) at dji.midware.usb.P3.UsbAccessoryService.sendmessage(Unknown Source:30) at dji.midware.data.manager.P3.ServiceManager.sendmessage(Unknown Source:6) at dji.midware.data.manager.P3.m$b.handleMessage(Unknown Source:82) 10-02 15:22:22.626 26299-26958/com.clearvuze.teamvuze W/System.err: at android.os.Handler.dispatchMessage(Handler.java:105) at android.os.Looper.loop(Looper.java:164) at android.os.HandlerThread.run(HandlerThread.java:65) Caused by: android.system.ErrnoException: write failed: ENODEV (No such device) 10-02 15:22:22.627 26299-26958/com.clearvuze.teamvuze W/System.err: at libcore.io.Linux.writeBytes(Native Method) at libcore.io.Linux.write(Linux.java:286) at libcore.io.BlockGuardOs.write(BlockGuardOs.java:345) at libcore.io.IoBridge.write(IoBridge.java:553) ... 7 more 而不是复选框上。代替复选框,然后使用 self.tableView.addSubview(refreshControl) self.tableView.sendSubview(toBack: refreshControl) 来获取span

this.id

或者,如果您需要挂钩跨度,请使用id查找复选框:

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

或者(jQuery少一点)find

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