<html>
<head>
<meta charset="UTF-8">
<title>两数区间求和</title>
<style type="text/css">
.resCls{
width: 100%
height: auto
border: solid 1px #ddd
word-break: break-all /* 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行 */
word-wrap: break-word /* 允许英文单词内断句换行 */
box-shadow: 4px 6px 8px #ccc
}
input{
box-shadow: 2px 4px 6px #ccc
width: 80px
}
p{
text-shadow: 4px 3px 4px #678
}
</style>
<script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<p>输入两个非负整数：</p>
<input type="text" id="tx0" value="0" />
<input type="text" id="tx1" value="130" />
<input type="button" value=" 求和 " onclick="getSum()"/>
<br><br>
<span id="sum0"></span>
<div id="sum"></div>
<script>
$(function(){
//0~9的keyCode: 主键区48~57 , keyup/keydown:数字小键盘96~105 , keypress:全同
$("#tx0").bind("keypress",function(e){
if(!(e.keyCode>47 && e.keyCode<58)){
return false
}
})
$("#tx1").bind("keypress",function(e){
if(!(e.keyCode>47 && e.keyCode<58)){
return false
}
})
})
function getSum(){
var int0=Number($("#tx0").val())
var int1=Number($("#tx1").val())
if(isNaN(int0)){ //如果为“非数值”
return
}
if(isNaN(int1)){
return
}
var sum=0
var process=""
if(int0<int1){
for(var i=int0i<=int1i++){
sum+=i
process+=i+"+"
}
}else{
for(var i=int1i<=int0i++){
sum+=i
process+=i+"+"
}
}
process=process.substring(0,process.lastIndexOf("+"))+" = "
$("#sum").text(process + sum).addClass("resCls")
}
</script>
</body>
</html>
JS获取多选框checkbox被选中的个数。var
checkbox
=
document.getElementsByName("likes[]")
//此处通过此种方式才能获得多选框为数组。
//like为name
=
"like[]"
,
获得时必须加上[]
var
checked_counts
=
0
for(var
i=0i<checkbox.lengthi++){
if(checkbox[i].checked){
//被选中的checkbox
checked_counts++
}
}
alert(checked_counts)
我做的是每点击一下多选框就判断当前checked个数是否超过某个数值
function
checkDate(){
var
n
=
$("#cart_q_num").val()
var
checkedCount=0
var
checkbox
=
document.getElementsByName("tie_in[]")
//alert(checkbox.length)
for(var
i=0i<checkbox.length
i
++){
if(checkbox[i].checked){
checkedCount++
}
}
//alert(checkedCount)
if(checkedCount>n){
alert("The
quantity
of
the
gifts
should
equal
to
the
quantity
of
the
sunglasses
set.")
return
false
}else{
$("#free_pro_selected_num").html(checkedCount)
}
}
要使函数checkdata()每次点击都发挥作用，需要在checkbox框中添加onclick事件：
<input
type="checkbox"
name="tie_in[]"
value="1"
onClick="return
checkData()"
/>
以上这篇JS获取checkbox的个数简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
http://www.w3school.com.cn/js/index.aspJavaScript 实例
学习 100 个实例！使用我们的编辑器，你可以编辑源代码，然后单击 TIY 按钮来查看结果。
JavaScript 实例
JavaScript Object 实例
HTML DOM 实例
基本应用都在这里了
