js判断复选框是否选中及选中个数的实现代码

用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示

js:

if (document.getElementById(“checkboxID”).checked) {
  alert(“checkobx is checked”);

js全选实现和判断是否有复选框选中的方法

 这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧,非常具有实用价值,需要的朋友可以参考下

 

 

本文实例讲述了js全选实现和判断是否有复选框选中的方法。分享给大家供大家参考。具体实现方法如下:

 

代码如下:

function actionEvent(methodname){
var form = document.forms[0];
if(validateIsSelect(form.all, form.productids)){
form.action='<html:rewrite action=”/control/product/manage”/>’;
form.submit();
}else{
alert(“请选择要操作的记录”);
}
}

 

function allselect(allobj,items){
var state = allobj.checked;
if(items.length){
for(var i=0;i<items.length;i++){
if(!items[i].disabled) items[i].checked=state;
}
}else{
if(!items[i].disabled) items.checked=state;
}
}
/*
* 判断是否选择了记录
*/
function validateIsSelect(allobj,items){
var state = allobj.checked;
if(items.length){
for(var i=0;i<items.length;i++){
if(items[i].checked) return true;
}
}else{
if(items.checked) return true;
}
return false;
}

 

 

代码如下:

<INPUT TYPE=”checkbox” NAME=”all” onclick=”javascript:allselect(this,
this.form.productids)”>全选</td>

 

 

代码如下:

<input name=”visible” type=”button” class=”frm_btn”
onClick=”javascript:actionEvent(‘visible’)” value=” 操作 “>

 

希望本文所述对大家的javascript程序设计有所帮助。

这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及javascript操作复选框的技巧…

本文实例讲述了js全选实现和判断是否有复选框选中的方法。分享给大家供大家参考。具体实现方法如下:

<input type=”checkbox” id=”cr” /><label
for=”cr”>我已经阅读</label>
a 用DOM方式来判断是否被选中

<HTML>
<head>
<title>判断复选框是否选中及选中个数</title>
<SCRIPT LANGUAGE="JavaScript">
function countChoices(obj) {
max = 2;
box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count > max) {
alert("对不起,你只能选择" + max + "个!");
obj.checked = false;
  }
}
//-->
</script>
<body>
   <form name="form">
    你喜欢的语言是(最多两个): <p>
<input type=checkbox name=box1 onClick="countChoices(this)">ASP.NET<p> 
<input type=checkbox name=box2 onClick="countChoices(this)">JAVA<p> 
<input type=checkbox name=box3 onClick="countChoices(this)">C#<p> 
   </form>
</body>
</html>

jquery:

if ($(“#checkboxID”).prop(“checked”)) {
  alert(“checkbox is checked”);
}

 

if ($(“#checkboxID”).is(“:checked”)) {
  alert(“checkbox is checked”);
}

 

相关文章

相关搜索:

今天看啥

搜索技术库

返回首页

  • iphone6开启限制广告跟踪教程
  • iPhone6越狱和不越狱有什么区别说明
  • CAD迷你看图如何查看设备清单
  • 微信电话本如何进行多人通话
  • 苹果地图或将开放
    任意系统可以使用
  • 红米2自动接听怎么设置?

相关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

复制代码 代码如下:

复制代码 代码如下:

以上这篇js判断复选框是否选中及选中个数的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

帮客评论

function actionEvent(methodname){ 
        var form = document.forms[0]; 
        if(validateIsSelect(form.all, form.productids)){ 
            form.action='<html:rewrite
action=”/control/product/manage”/>’; 
            form.submit(); 
        }else{ 
            alert(“请选择要操作的记录”); 
        } 

$(function(){
var $cr = $(“#cr”);
var cr =$cr[0];
$cr.click(function(){
if(cr.checked){
alert(“谢谢注册”);
}
else{
alert(“NO”);
}
});
});

您可能感兴趣的文章:

  • js点击文本框弹出可选择的checkbox复选框
  • JS实现CheckBox复选框全选、不选或全不选功能
  • 基于javascript实现checkbox复选框实例代码
  • javascript实现checkbox复选框实例代码
  • js与jQuery实现checkbox复选框全选/全不选的方法
  • javascript动态添加checkbox复选框的方法
  • JS获取复选框的值,并传递到后台的实现方法

function allselect(allobj,items){ 
        var state = allobj.checked; 
        if(items.length){ 
            for(var i=0;i<items.length;i++){ 
                if(!items[i].disabled) items[i].checked=state; 
            } 
        }else{ 
            if(!items[i].disabled) items.checked=state; 
        } 

/*
* 判断是否选择了记录
*/ 
function validateIsSelect(allobj,items){ 
        var state = allobj.checked; 
        if(items.length){ 
            for(var i=0;i<items.length;i++){ 
                if(items[i].checked) return true; 
            } 
        }else{ 
            if(items.checked) return true; 
        } 
        return false; 
}

type=”checkbox” id=”cr” /label
for=”cr”我已经阅读/label a 用DOM方式来判断是否被选中 复制代码 代码如下:
$(function(){ var $cr = $(“#cr”); var cr =$cr[0]…

复制代码 代码如下:

<INPUT TYPE=”checkbox” NAME=”all” 
onclick=”javascript:allselect(this,
this.form.productids)”>全选</td>

复制代码 代码如下:

<input name=”visible” type=”button” class=”frm_btn”
onClick=”javascript:actionEvent(‘visible’)” value=” 操作 “>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • JS实现CheckBox复选框全选全不选功能
  • JS实现CheckBox复选框全选、不选或全不选功能
  • javascript
    复选框选择/全选后特效
  • js与jQuery实现checkbox复选框全选/全不选的方法
  • JS实现复选框的全选和批量删除功能
  • js html
    css实现复选框全选与反选
  • js实现复选框的全选和取消全选效果
  • 通过js来制作复选框的全选和不选效果
  • JS中如何实现复选框全选功能
  • javaScript实现复选框全选反选事件详解

相关文章