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"&
引导单选按钮组
选择性别
我能够生成表单并使用它进行验证,但存在两个问题:
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和单击事件。
Thankat:“如果将新HTML注入页面,请在将新HTML放入页面后选择元素并附加事件处理程序。或者,使用委派事件附加事件处理程序,如下所述。”