2

我有三个复选框，例如 chkEnglish、chkGerman、chkFrench。根据这些复选框，有三个 div，在这些 div 中有一些文本框和按钮。意味着每个复选框都包含一个用于单独语言的表单块。

所以我的查询是当用户选中任何复选框时，for 将打开。就像如果有人检查 chkEnglish 那么必须打开英文表格。之后如果有人检查 chkGerman 那么它将归入英文。

意味着根据检查复选框那些表格必须相应地打开......

4

3 回答 3

0

html

  <input type="radio" name="a" id="english" value="english"/>English<br/>
  <input type="radio" name="a" id="german" value="german"/>German<br/>
  <input type="radio" name="a" id="french" value="french"/>French

  <div id="englishForm" class="myForm">english</div>
  <div id="germanForm" class="myForm">german</div>
  <div id="frenchForm" class="myForm">french</div>

JS

$("input[name='a']").change(function(event) {

    var selectedId=$(this).attr('id');
     $('.myForm').hide();
     $("#" + selectedId + "Form").show();
});

css

.myForm{

  display:none;

}
于 2013-05-20T07:11:06.337 回答
0

看看下面的代码：

$("input[name='a']").live('click',
function()
{
    var Id = $(this).attr('id');
    $("#" +Id+ "Form").show();
});
于 2013-05-20T09:08:27.830 回答
0

只是提示如何完成（我知道有很多方法）：

 var chkName = [......], // Array which holds check boxes id's 
     divName = [......], // Array which holds div elements id's
     prevVisibleDiv;
 for(var i=0; i < chkName.length; i++){
     if(chkName[i].checked){             
         if(prevVisibleDiv){ //condition for the first time.
            //hide prevVisibleDiv
         }
         //show divName[i]
         //store the current visible div inside prevVisibleDiv
         prevVisibleDiv = divName[i];             
     }
}

工作小提琴

于 2013-05-20T07:19:31.510 回答