JavaScript当前位置:首页 > 教程 > Web 开发 > JavaScript

checkbox 问题

发布时间:2015-03-23来源:互联网作者:佚名
2015-03-16 16:48:26 slwsss
<script id="jquery_183" type="text/javascript" class="library" src="http://runjs.cn/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
<input type="checkbox"/>aaa
<input type="checkbox"/>aaa
<input type="checkbox"/>aaa
<input type="checkbox"/>aaa
<input type="checkbox"/>aaa
<input type="checkbox"/>aaa
<input type="button" value="选中数量"/>
<script>
$(':checkbox').change(function(){$(':button').val('选中数量'+$(':checked').length)})
</script>
2015-03-16 16:50:25 jslang

<div id="box">
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
<input type="checkbox">苹果<br />
</div>
<input type="button" value="选中结果:0" id="sn">
<script type="text/javascript">
$("#box").on("click", "input:checkbox", function(event){
$("#sn").val("选中结果:"+ $("#box :checked").length);
});
</script>

上一篇:JS alert 转换 html

下一篇:没有了

参与评论已经有 人参与
请自觉遵守互联网相关的政策法规1,严禁发布色情、暴力、反动的言论。
网站首页|FYCMS官网|网站地图|
收缩