C#:
this is the html
<div>
<input type="checkbox" name="skills" value="js" />JS
<input type="checkbox" name="skills" value="jQuery" />jQuery
<input type="checkbox" name="skills" value="C#" />c#
<input type="checkbox" name="skills" value="VB" />VB
<br /><br />
<input id="btn1" class ="btn btn-outline-info" type ="submit" />
<div id="result1">
</div>
</div>
this is in the site.js file
$(document).ready(function () {
$('#btn1').click(function () {
var result = $('input[type="checkbox"]:checked');
if (result.length > 0) {
var resultString = result.length + " checkbox checked <br/>";
result.each(function () {
resultString += $(this).val() + "<br/>";
});
$('#result1').html(resultString);
}
else {
$('#result1').html("none selected");
}
});
})
输出应该是这样的:
如果未选中任何复选框,则不选择
如果选中复选框。
如果单击提交按钮,则没有输出。我不确定代码中有什么问题。