根据单选按钮启用/禁用“提交”按钮

我有一个这样的表格：

 
 
 
 I Have Reviewed The Rules And The Terms & Conditions And Agree To Abide By Them
 
 
 
I Do Not Agree To The Terms And Condtions And/Or Have Not Read The Rules
 
 
 
<input name="player1" type="hidden" value="username; ?>" />
 
 
 
  

我希望做的是在选择id =“tandcn”时禁用提交按钮，并在id =“tandcy”时启用它。 有没有一种简单的方法来使用JavaScript？

Answer 1

示例http://jsfiddle.net/sWLDf/

 $(function () { var $join = $("input[name=join]"); var processJoin = function (element) { if(element.id == "tandcn") { $join.attr("disabled", "disabled"); } else { $join.removeAttr("disabled") } }; $(":radio[name=player1rules]").click(function () { processJoin(this); }).filter(":checked").each(function () { processJoin(this); }); }); 

Answer 2

 $(":radio[name='player1rules']").click(function() { var value = $(this).val(); if (value === "n") { $("#join").attr("disabled", "disabled"); return; } $("#join").removeAttr("disabled"); }); 

关于jsfiddle的例子

Answer 3

基于jquery（我建议使用）的答案很多。 这里你的表格与JavaScript

  
 
 
 
 I Have Reviewed The Rules And The Terms & Conditions And Agree To Abide By Them
 
 
 
I Do Not Agree To The Terms And Condtions And/Or Have Not Read The Rules
 
 
 
 
 
 
  

然而更优雅的方式是使用jquery。

Answer 4

  $(document).ready(function(){ if($('#tandcy').is(':checked')){ $('#join').attr('disabled','disabled'); } if($('#tandcn').is(':checked')){ $('#join').removeAttr('disabled','disabled'); } $('#tandcn').click(function(){ $('#join').attr('disabled','disabled'); }); $('#tandcy').click(function(){ $('#join').removeAttr('disabled','disabled'); }) }); 

试试这个……你需要jquery，….

Answer 5

 $("#tandcn #tandcy").livequery('change', function(event){ if ($('#tandcn').is(":checked")) { $('#join').hide(); //or $('#join').attr("disabled", false); } else($('#tandcy').is(":checked")) { $('#join').show(); //or $('#join').attr("disabled", false); } });