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中显示红色消息。

由于

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/

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

3 个答案: