6

チェックボックスのチェックから入力フィールドを有効にしたい。

ここに基本的なフォームがあります：

<ul>
 <li>
  <label id="form-title" for="name3">Specifics:</label>
 <li>   
  <textarea id="name3" name="name3" >

  </textarea>
 </li>

</ul>

「仕様」をクリックすると、フィールドがアクティブになります。ラベルタグの代わりに入力タグを使用してこれを行うことはできますか?

例：

<ul>
 <li>   
  <input type="checkbox" for="name2">Other...</input>
  <input id="name2" name="name2" />
 </li>
</ul>

これまでの完全な作業の jsfiddle: http://jsfiddle.net/Sederu/gaZDW/

4

4 に答える 4

4

入力タグの属性が存在しません。目的に合わせて、インライン JavaScript コードを使用し、属性を無効にします。

<input type="checkbox" id="checkbox1" onclick="if (this.checked){ document.getElementById('textarea1').removeAttribute('disabled');}" />
<textarea id="textarea1" name="textarea1" disabled></textarea>
于 2013-04-30T18:13:27.003 に答える
2

少しのjavascriptでそれを行うことができます、

HTML

<ul>
 <li>   
  <input type="checkbox" id="checker" for="name2">Other...</input>
  <input id="name2" name="name2" />
 </li>
</ul>

ジャバスクリプト

document.getElementById('checker').onchange = function() {
 if(this.checked==true){
  document.getElementById("name2").disabled=false;
  document.getElementById("name2").focus();
 }
 else{
  document.getElementById("name2").disabled=true;
 }
};

それが役立つことを願っています

于 2013-04-30T18:14:45.187 に答える