如何在单选按钮选项中使用复选框?

时间:2011-06-07 02:28:21

标签: html forms radio-button

我想要两个无线电选项。基本上是一个说“不”而另一个说“是”,而在“是”之下,我希望有大约3个复选框。我希望默认情况下选择“否”,但如果单击“是”下的任何复选框,则应从“否”切换为“是”。

2 个答案:

答案 0 :(得分:0)

一个小的javascript函数可以为你处理它。然后在勾选复选框或选择单选按钮时调用该函数。

结帐

http://www.javascriptkit.com/javatutors/radiocheck.shtml

这类似于按钮http://www.somacon.com/p143.php

答案 1 :(得分:0)

这是使用jquery

$(document).ready(function(){
   $('.yesbox').click(function () {
   var x = $('.yesbox:checked').length;
      if (x > 0){
      $('#yn2').attr('checked', 'checked');
      $('#yn1').attr('disabled', true);
      }
   });

 $('body').click(function () {
    var x = $('.yesbox:checked').length;
     if (x == 0){
     $('#yn1').attr('disabled', false);
     }
   });

});

html会像这样:

       <input type='radio' id='yn1' name='yn' value='No'> No<br>
       <input type='radio' id='yn2' name='yn' value='Yes'> Yes  &nbsp; &nbsp;
       <input type = 'checkbox' name='check1' id='check1' class='yesbox' value = '1'> 1
       <input type = 'checkbox' name='check2' id='check2' class='yesbox' value = '2'> 2
       <input type = 'checkbox' name='check3' id='check3' class='yesbox' value = '3'> 3