发布网友 发布时间:2022-04-27 07:29
共5个回答
热心网友 时间:2022-05-15 16:34
1、获取复选框被选中值
<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />
$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+",";
})
$("#dd").val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数
<ul>
<li><input type="checkbox" name="test" />看电视</li>
<li><input type="checkbox" name="test" />看电影</li>
<li><input type="checkbox" name="test" />上网</li>
<li><input type="checkbox" name="test" />爬山</li>
<li><input type="checkbox" name="test" />游乐场</li>
<li><input type="checkbox" name="test" />逛街</li>
<li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
<input type="button" id="count" value="有多少CheckBox被选中了?" />
<script type="text/javascript">
$(document).ready(function(){
$('input[type=checkbox]').click(function(){
$(this).attr('disabled','disabled');
if($("input[name='test']:checked").length >= 3)
{ $("input[name='test']").attr('disabled','disabled');}});
$("#count").click(function(){$('input').live('click',function(){
alert($('input:checked').length);
});})})
</script>
效果如图:
扩展资料:
JS日常用途
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies,包括创建和修改等。
基于Node.js技术进行服务器端编程。
热心网友 时间:2022-05-15 17:52
var inputs = document.getElementsByName("cb[]");
var checked_counts = 0;
for(var i=0;i<inputs.length;i++){
if(inputs[i].checked){
checked_counts++;
}
}
alert(checked_counts);
JS的使用方法
1.JS中的字符与字符相连接使用+号.
2.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
3.JS中声明变量使用:var来进行声明
4.JS中的判断语句结构:if(condition){}else{}
5.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
6.循环中止的命令是:break
7.JS中的函数定义:function functionName([parameter],...){statement[s]}
8.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
9.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
10.状态栏的设置:window.status="字符";
11.JS中的取字符串长度是:(length)
热心网友 时间:2022-05-15 19:27
思路:根据name值获取复选框对象→循环判断复选框的checked属性(true表示选中,false为未选中)→计数。实例演示如下:
1、HTML结构
<input type="checkbox" name="checkbox[]" value="1"> 选项12、javascript代码
function fun(){3、效果演示
热心网友 时间:2022-05-15 21:18
var inputs = document.getElementsByName("cb[]");热心网友 时间:2022-05-15 23:26
var cbs = form.elements['cb[]'];