HTML
<input type="text" name="haha" id="X" >
<td style="width: 5%;" class="haha"><svg class="teeth svg" id="svg"
width="400px" height="300px" viewBox="0 0 400 300" preserveAspectRatio="xMidYMid meet">
<!-- upper right 8 -->
<g id="molar-group" class="molar">
<rect x="75" y="75" stroke="black" id="disto-occlusal" style="stroke-width: 5px;" width="125" height="150" fill="white"/>
<rect x="200" y="75" stroke="black" id="mesio-occlusal" style="stroke-width: 5px;" width="125" height="150" fill="white"/>
</g>
</svg></td>
Javascript:
$(function () {
($("#X").keyup(function (){
if ($("#X").val() == 'X') {
('.haha').prop('disabled',true);
}else{
('.haha').prop('disabled', false);
}
})
};
);
如何根据输入字段禁用 td class="haha"。例如,如果我在输入字段中输入 X,它会自动禁用 td class="haha"这可能吗?
最佳答案
我不确定你所说的 disable td
是什么意思因为禁用属性仅适用于 <input> tag
。然而
您可以根据自己的情况执行添加和删除类(class)之类的操作。
$("#X").keyup(function (){
if ($("#X").val() == 'X') {
$('.haha').addClass('unselectable');
}else{
$('.haha').removeClass('unselectable');
}
})
#svg{
border : 1px solid green;
}
.unselectable{
background-color: #ddd;
cursor: not-allowed;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<table>
<tr>
<input type="text" name="haha" placeholder="enter X to see result" id="X" >
<td style="width: 5%;" class="haha"><svg class="teeth svg" id="svg"
width="400px" height="300px" viewBox="0 0 400 300" preserveAspectRatio="xMidYMid meet">
<!-- upper right 8 -->
<g id="molar-group" class="molar">
<rect x="75" y="75" stroke="black" id="disto-occlusal" style="stroke-width: 5px;" width="125" height="150" fill="white"/>
<rect x="200" y="75" stroke="black" id="mesio-occlusal" style="stroke-width: 5px;" width="125" height="150" fill="white"/>
</g>
</svg></td>
</tr>
</table>
关于javascript - 如何根据输入字段禁用 <td>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60564157/