由于某种原因,我的代码无法正常工作,如果长度大于5,则应禁用复选框。这是我的代码:
<script type="text/javascript">
var $checks = $(".bowling").change(function () {
if ($checks.filter(":checked").length<=5)
{
$(".formular").toggle($checks.filter(":checked").length>0);
$("html, body").animate({scrollTop: $(".formular").offset().top});
}
else
{
$checks.filter(":checked").attr("disabled", "disabled");
}
});
</script>
html它已经有一段时间了:
<label class="ora_bg" data-toggle="tooltip" data-trigger="click hover" data-placement="bottom" >
<input class="bowling" type="checkbox" value="'.$row['Interval'].'" name="interval[]" class="checkbox" id="i'.$row['Interval'].'">
<h3 class="ora2_bg">'.$row['Interval'].'</h3>
</label>
var $checks = $(".bowling").change(function () {
if ($checks.filter(":checked").length<=5)
{
$checks.not(":checked").prop("disabled", false);
}
else
{
$checks.not(":checked").prop("disabled", true);;
}
});
演示:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句