如果單擊單選按鈕，則禁用表單中的所有元素

Question

我想禁用div中的所有表單元素，如果單擊div之外的單選按鈕，則在新div中顯示RED消息。

例如：

<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顯示一條紅色message 。

謝謝

Answer 1

嘗試這個

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

Answer 2

$('input[name="sex"]').click(function(){
    $('#myform input').prop('disabled',true);
    $('#message').show();
});

#message { display:none; color:red }


$('#reset').click(function(){
    $('#myform input').prop('disabled',false);
    $('#message').hide();
});

http://jsfiddle.net/2zr4J/1/

Answer 3

$('input[name="sex"]').click(function(){
    $('#myform input').prop('disabled',true);
    $('#message').fadeIn();
});
$('#reset').click(function(){
    $('#myform input').removeProp('disabled');
    $('#message').fadeOut();
});

工作演示： http ： //jsfiddle.net/AlienWebguy/2zr4J/2/