Javascript 使用不同的名称和值动态创建ChkBox-on-click;“南”;使用Jquery?
我试图用不同的名称和值在单击时创建chkbox,然后警告其值,导致错误“NaN”,我的脚本在这里Javascript 使用不同的名称和值动态创建ChkBox-on-click;“南”;使用Jquery?,javascript,jquery,asp.net,checkbox,Javascript,Jquery,Asp.net,Checkbox,我试图用不同的名称和值在单击时创建chkbox,然后警告其值,导致错误“NaN”,我的脚本在这里 <script type="text/javascript"> var k=0,j=0; $(document).ready(function () { $("#btnAdd").click(function () { var field = $("#field").val(); k+=1; var
<script type="text/javascript">
var k=0,j=0;
$(document).ready(function () {
$("#btnAdd").click(function () {
var field = $("#field").val();
k+=1;
var newRow1="<tr><td align='center' style='font-size: large; color: #212121;' height='35px'>from"
+DDL_fromProfession +" to "+DDL_ToProfession +"</td></tr>"
+"<tr><td align='center' style='font-size:large;color:#212121;' height'35px'>"
+"<input type='checkbox' name='chkbx_CurrPro'"+k+"'' value='"+k+"'>I currently work here</input>";
alert(k);
var chkvalue = parseInt($(":checkbox[name='chkbx_CurrPro'"+k+"'']").val()) + 1;
alert(chkvalue);
var checkBoxes = $("input[name=" + chkbx_CurrPro + "]");
$.each(checkBoxes, function() {
if ($(this).attr('checked')){
//do stuff
}
});
var input = "<input name='parameters' id='field' type='text' />";
var input1="<input name='parametersCompany' id='field' type='text'/>"
var newRow = "<tr><td align='center' style='font-size: x-large; color: #212121;' height='35px'>"
+ input + " at " +input1 +"</td></tr>";
$('#controls').append(newRow);
$('#controls').append(newRow1);
});
});
</script>
然后我打印它的值,导致NaN错误??希望你的建议
在创建DynamicAlly chkbox之后,我想做的另一件事是,它将只获得标记的chk box的值
我的代码在这里
var checkBoxes = $("input[name=" + chkbx_CurrPro + "]");
$.each(checkBoxes, function() {
if ($(this).attr('checked')){
//do stuff
}
});
但请检查在运行时创建的所有chkbox
希望得到建议
谢谢
我想你对这里的引语有些问题。试试这个
var chkvalue = parseInt($(":checkbox[name='chkbx_CurrPro"+k+"']").val()) + 1;
编辑:看来你也有同样的问题
"<input type='checkbox' name='chkbx_CurrPro'"+k+"'' value='"+k+"'>
”
这将尝试使名称chkbx_CurrPro为“1”,但这是无效的。应改为
"<input type='checkbox' name='chkbx_CurrPro"+k+"' value='"+k+"'>
”
再次编辑:
我在这里看到另一个问题,您试图在复选框实际添加到dom之前获取复选框的值。您已将其添加到字符串中,但在调用parseInt时,这只是一个文本字符串,而不是页面的一部分。将parseInt行移到追加行下方靠近底部的位置。您是在
append
之后还是在append
之前调用jQuery函数?单击它append调用此查询
"<input type='checkbox' name='chkbx_CurrPro'"+k+"'' value='"+k+"'>
"<input type='checkbox' name='chkbx_CurrPro"+k+"' value='"+k+"'>