javascript - 如果单击单选按钮，则禁用表单中的所有元素

Question

我想禁用 div 中的所有表单元素，并在单击 div 外部的单选按钮时在新 div 内显示红色消息。

例如:

<div id="myform">
  <form>
    First name: <input type="text" name="firstname" /><br />
    Last name: <input type="text" name="lastname" />
  </form>
</div>
<div id="message">
  Red Message here
</div>


<form>
  <input type="radio" name="sex" value="male" /> Male<br />
  <input type="radio" name="sex" value="female" /> Female
</form>  

我希望当有人单击两个单选按钮之一时禁用上述表单 (myform) 中的所有元素，并在 div message 中显示一条红色消息。

谢谢

Answer 1

试试这个

$("input:radio").click(function(){
   $("#myform input").attr("disabled", true);
   $("#message").show();
});