Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 动态创建的单选按钮组中是否缺少css类和单击?_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 动态创建的单选按钮组中是否缺少css类和单击?

Jquery 动态创建的单选按钮组中是否缺少css类和单击?,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我有一个动态生成的表单,在这个表单中,用户选择孩子的数量,并为所选数量动态生成字段。设计使用引导单选按钮组选择性别 我能够生成表单并使用它进行验证,但存在两个问题: 选择按钮时,css类不会自动应用 单击按钮时,不会向其添加Clicked属性 下面是正确工作表单部分的标记,在该部分中,将应用css和Clicked: <div class="toggle-btn-grp joint-toggle"> <label class="toggle-btn clicked"&

我有一个动态生成的表单,在这个表单中,用户选择孩子的数量,并为所选数量动态生成字段。设计使用
引导单选按钮组
选择性别

我能够生成表单并使用它进行验证,但存在两个问题:

  • 选择按钮时,css类不会自动应用
  • 单击按钮时,不会向其添加
    Clicked
    属性
  • 下面是正确工作表单部分的标记,在该部分中,将应用css和Clicked:

        <div class="toggle-btn-grp joint-toggle">
      <label class="toggle-btn clicked">
    
        <input type="radio" name="ApplicantDetails.Gender" class="visuallyhidden" id="male2" value="m">
        Male
      </label>
      <label class="toggle-btn clicked success">
    
        <input type="radio" name="ApplicantDetails.Gender" class="visuallyhidden" id="female2" value="f">
        Female
      </label>
    </div>
    
    
    男性
    女性
    
    以下是生成动态标记的Jquery代码:

        function GetGenderMarkup(itrator)
    {
        var ret = "<div id='Dependent" + itrator + "Gender' class='field rf-field'>"
                   +"<label>Gender</label>"
                   +"<div class='toggle-btn-grp joint-toggle'>"
                     +"<label class='toggle-btn'>"
                       +"<input required='' type='radio' value='m' id='male2' class='visuallyhidden'"
                              +"name='DependentDetails[" + itrator + "].Gender'>"
                           +"Male"
                     +"</label>"
                     +"<label class='toggle-btn'>"
                       +"<input type='radio' value='f' id='female2' class='visuallyhidden'" 
                              +"name='DependentDetails[" + itrator + "].Gender'>"
                         +"Female"
                     +"</label>"
                   +"</div>"
                 +"</div>";
        return ret;
    }
    
    函数GetGenderMarkup(itrator) { var ret=“” +“性别” +"" +"" +"" +“男性” +"" +"" +"" +“女性” +"" +"" +""; 返回ret; } 最后是由上述代码生成的标记:

    <div class="toggle-btn-grp joint-toggle">
      <label class="toggle-btn">
        <input type="radio" name="DependentDetails[0].Gender" class="visuallyhidden" id="male2" value="m" required="">
        Male
      </label>
      <label class="toggle-btn">
        <input type="radio" name="DependentDetails[0].Gender" class="visuallyhidden" id="female2" value="f">
        Female
      </label>
    </div>
    
    
    男性
    女性
    
    请帮助并指导我遗漏了什么,以及我如何在非生成表单中添加css和单击事件。 Thank

    at:“如果将新HTML注入页面,请在将新HTML放入页面后选择元素并附加事件处理程序。或者,使用委派事件附加事件处理程序,如下所述。”