Question

我正在寻找一种方法来禁用内部按钮＆＃39;这是在标签标签内。

我有一个在标签中创建的按钮：

<label for="UploadFile" class="inner-button" data-toggle="tooltip" data-placement="top" title="Upload File" onclick="SetFileName()" id="upload">
                                            <span class="fa-stack fa-lg">
                                                <i class="fa fa-circle fa-stack-2x img-responsive"></i>
                                                <i class="fa fa-upload fa-stack-1x fa-inverse img-responsive"></i>
                                            </span>
                                        </label>

我想使用类似格式的单选按钮禁用该元素：

 <label>
 <input type="radio" id="chkDisableOnClick"name="radiobButton" onclick="document.getElementById('upload').disabled = true;"/> 
 </label>

此刻我没有运气。单击单选按钮后，标签内的按钮不会被禁用。

提前致谢。

Answer 1

label没有禁用属性，您需要添加一个类来禁用该对象。例如：

.disabled {
   color: darkgrey;
   background-color: grey;
}

Answer 2

您可以使用例如pointer-events css属性（https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events）。

label[disabled]{
    pointer-events: none;
}

使用Javascript禁用标签元素内的按钮

2 个答案: