gpt4 book ai didi

javascript - 禁用按钮单击事件上的 html 元素

转载 作者:行者123 更新时间:2023-12-03 11:57:12 24 4
gpt4 key购买 nike

我目前正在使用 Jquery 来操作 html 元素。目前我只使用 div、一个文本区域和两个按钮。对于这个问题:我有一个管理按钮 id="adminControl",我想触发一个将禁用 textarea 的 clickevent,按钮 id="#appendText" 和div class="middle-side"。我尝试通过计数按钮点击 id="adminControl" 来执行前面的操作,但没有任何内容被禁用。我知道输入字段可以,但是 div 可以吗? JSFIDDLE

Jquery

var clickCount = 0;
$('#adminControl1').click(function (e) {
clickCount ++;
if (clickCount == 1){
$( "#button" ).prop( "disabled", true );
$( "#divText" ).prop( "disabled", true );
$( "#adminControl1").value("Enable All");
} else {
$( "#button" ).prop( "disabled", false );
$( "#divText" ).prop( "disabled", false );
$( "#adminControl1").value("disable All");
clickCount --;
}
}

HTML

<textarea rows="4" cols="50" id="divText" placeholder="Enter Text Here!"></textarea> 
<input type="button" id="appendText" value="Add Div with Text" /><br/>

<div>
<div class="middle-side empty">
<h2 class="placeholder-title hidden">Place Inside Here</h2>
</div>
</div>

<div id="adminArea">
<h3>Admin Area</h3>
<input type="button" id="adminControl1" value="Disable All" />
</div>

最佳答案

嘿,你有一些错误:

  1. .value() 应该是 val()
  2. 要切换启用和禁用,请使用 mod 计数并且不要递减计数器
  3. 删除对禁用按钮的重复点击
  4. 您忘记关闭括号
  5. $("#button") 应该是 $("#appendText")

我更新了您的 JSFiddle http://jsfiddle.net/hawaiianchimp/xdfq9hc3/2/

关于javascript - 禁用按钮单击事件上的 html 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25555986/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com