Question

<div class="club_member">
<input type="text" size="5" onclick="this.value=''" name="scienceClub" value="2">
</div>

如何使用简单的javascript命令将值更改为“0”并在输入样式中放置'disable =“”？

Answer 1

使用object.value设置值，object.disabled禁用Javascript中的输入。

<强>演示：

document.getElementById("button").addEventListener("click", function(){  // I have added a sample button for testing
  
  var inputElementObject = document.getElementById("input");  // get the input element object
  
  inputElementObject.value = "0";  // set the value
  inputElementObject.disabled = true;  // set the disabled property
  
});

<div class="club_member">
  
  <!-- set an ID for the input element -->
  <input type="text" size="5" onclick="this.value=''" name="scienceClub" value="2" id="input">
  
  <button id="button">Click me!</button>
  
</div>

Check out how to set the properties for <input> here on MDN.

Answer 2

首先在您的控件中设置ID

<input type="text" id="myControl" size="5" onclick="this.value=''" name="scienceClub" value="2">

然后在脚本中尝试这样

var control=document.getElementById("myControl");
control.value=0;
control.setAttribute("disabled", true);

Answer 3

下面的代码段演示了如何使用严格的JavaScript更改值并禁用输入。

document.getElementById("input").value = "0";
document.getElementById("input").disabled = true;

<div class="club_member">
  <input type="text" size="5" onclick="this.value=''" name="scienceClub" value="2" id="input">
</div>

Answer 4

使用您发布的相同代码。你只需要改变它的值就会被禁用。

＆＃13;

 <div class="club_member">
 <input type="text" id='something' size="5" onclick="this.value='0'; this.setAttribute('disabled','true');" name="scienceClub" value="2">
 </div>

＆＃13;

 <div class="club_member">
 <input type="text" id='something' size="5" onclick='this.value="0"' name="scienceClub" value="2">
 <button onclick="document.getElementById('something').setAttribute('disabled','true');"> Lock the value </button>
 </div>

＆＃13;

如何使用javascript更改样式？

4 个答案: