此jsfiddle代码未在我的浏览器上运行

时间:2018-09-27 09:09:19

标签: javascript jquery html css

This jsfiddle code在jsfiddle上完美工作。即使在这种情况下,我更改了属性(例如长度),也可以正常工作。但是,当我尝试在浏览器上运行它时,它不起作用。 在此代码中,应禁用提交按钮,直到选中所有复选框。任何人都可以检查此代码吗?谢谢。

jsfiddle链接:https://jsfiddle.net/qfmnzfhz/

$('.number').on('click', function() {
  if($('.number:checked').length > 3){
    $('#btn').prop('disabled', false);
  } else {
    $('#btn').prop('disabled', true);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="/">
  <input type="checkbox" class="number" value="One">One<br>
  <input type="checkbox" class="number" value="Two">Two<br>
  <input type="checkbox" class="number" value="Three">Three<br>
  <input type="checkbox" class="number" value="Four">Four<br>
  <input type="submit" id ="btn" value="Submit" disabled>
</form>

0 个答案:

没有答案