`
lpacec
  • 浏览: 171694 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

Javascript判断多选框checkbox和单选钮是否选中

阅读更多
//第几个没有选
<input type="checkbox" name="checkbox1" checked>
<input type="checkbox" name="checkbox1">
<input type="checkbox" name="checkbox1" checked>
<input type="checkbox" name="checkbox1">
<input type="checkbox" name="checkbox1">
<script language=javascript>
function check(obj)
{

for(i=0;i<document.all(obj).length;i++)
{
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")
}
}
</script>
<input type=button onclick="check('checkbox1')" value="检测">


//一个也没有选


<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<input type="checkbox" name="test">
<Script Language="JavaScript">
function check(obj){
for(i=0;i<document.all(obj).length;i++){
if(document.all(obj)(i).checked){
return;
}
}
window.alert('一个也没有选!');
}
</Script>
<input type=button onclick="check('test');" value="检测"> 




<script language="javascript">
function checkme()
{ var checkmemberid;//定义团员
var checkcontentid;//定义文章
   checkmemberid=false;
   checkcontentid=false;
//判断团员是否选中
 if (document.all.memberid.checked==true)//只有一个单选钮的情况
  { 
    checkmemberid=true;
    
  }
for(i=0;i<document.all.memberid.length;i++)//有一组单选钮的情况
{
if(document.all.memberid(i).checked)
{
checkmemberid=true; 
}
}
//判断文章是否选中
if (document.all.contentid.checked==true)//只有一个单选钮的情况
   { 
    checkcontentid=true;
   }
for(i=0;i<document.all.contentid.length;i++)//有一组单选钮的情况
{
if(document.all.contentid(i).checked)
{
checkcontentid=true; 
}
} 
//将结果返回
if (checkmemberid==false)
   { window.alert("请选择团员!");
    return false;
   }
else if(checkcontentid==false)
{
    window.alert("请选择文章!");
    return false;
}
return true;


}


</script>
分享到:
评论

相关推荐

    自定义的复选按钮组和单选按钮组

    同时,他也可能介绍了使用JavaScript或jQuery来添加动态行为,如改变选中状态时的反馈效果、实现互斥的复选框组或单选按钮组等。 在压缩包文件中,"demo.html"很可能是展示这些自定义功能的实例代码,读者可以通过...

    复选框和单选按钮动画效果.zip

    在网页设计中,复选框(Checkbox)和单选按钮(Radio Button)是常见的交互元素,用于用户选择或确认选项。然而,它们的默认样式通常较为简单,可能无法满足现代网页设计对美观和用户体验的需求。"复选框和单选按钮...

    checkbox单选复选按钮美化代码.zip

    "Checkbox单选复选按钮美化代码.zip" 提供了一种使用CSS3技术来提升这些元素视觉吸引力的方法。下面我们将详细探讨这一主题。 CSS3是层叠样式表的最新版本,它引入了许多新特性,如选择器、边框和背景图像、过渡、...

    单选按钮和复选框按钮

    在IT界,尤其是在软件开发和用户界面设计中,单选按钮(Radio Button)和复选框(Checkbox)是两种常见的控件,它们用于收集用户的输入信息。这两种控件在网页、桌面应用程序和移动应用中广泛使用,为用户提供了一种...

    复选框变单选框

    在IT行业的前端开发中,将复选框(checkbox)转换为单选按钮(radio button)的行为,虽然在表面上看似简单,但其实涉及到了DOM操作、事件处理以及逻辑判断等多方面的知识。根据提供的代码片段与描述,我们可以深入...

    CSS3复选框和单选按钮美化.zip

    在前端开发中,CSS3(层叠样式表第三版)为网页设计提供了丰富的样式和交互功能,其中之一就是能够对常见的HTML表单元素如复选框(checkbox)和单选按钮(radio button)进行美化。本资源"CSS3复选框和单选按钮美化....

    jquery多选框实现单选效果

    例如,有时我们需要将一组多选框(`&lt;input type="checkbox"&gt;`)的行为模拟成单选按钮(`&lt;input type="radio"&gt;`),即在这些多选框中只能选择一个被选中。本文将详细介绍如何利用jQuery库来实现这一功能,并深入探讨...

    checkboxlist单选功能

    为了实现`CheckboxList`的单选功能,可以通过JavaScript来控制复选框的状态。下面是一段示例代码: ```javascript function CheckSelect() { var tb = document.getElementById("chklistroomtype"); for (var i =...

    js实现复选框和单选框的选择

    其中,复选框(checkbox)和单选按钮(radio button)是非常常见的输入类型,用于收集用户的选择数据。本文将详细介绍如何使用JavaScript来控制这些表单元素的状态,包括实现单个复选框的选择切换、全选/全不选功能...

    单选按钮和多选按钮

    在计算机用户界面设计中,单选按钮(Radio Button)和多选按钮(Checkbox)是两种常见的交互元素,用于用户在一组选项中进行选择。本文将深入探讨这两种按钮的原理、功能以及如何在不同编程环境中实现它们的选中、...

    jQuery单选按钮和复选按钮美化效果

    "jQuery单选按钮和复选按钮美化效果"提供了一种方法,可以让你的网页中的单选按钮(radio)和复选按钮(checkbox)看起来更加精致,提升用户体验。本文将深入探讨这个主题,讲解如何利用jQuery和CSS实现这一效果。 ...

    JS判断单个checkbox是否被选中

    接下来,判断复选框是否被选中,我们可以通过检查其`checked`属性。如果`checked`属性为`true`,则表示复选框已被选中;如果为`false`,则表示未被选中。下面是一个示例: ```javascript if (myCheckbox.checked) {...

    单选钮复选框改变传统样式

    在网页设计和开发中,单选钮(Radio Button)和复选框(Checkbox)是常见的交互元素,用于用户选择一种或多种选项。然而,这些元素的默认样式通常比较简单,可能不符合设计师对界面美观和用户体验的追求。本主题将...

    超酷CSS3复选框和单选按钮点击动画库checked.css特效.zip

    首先,复选框(checkbox)和单选按钮(radio button)是网页表单中常见的交互元素,用于用户的选择和确认操作。在传统HTML中,它们的样式非常有限,通常只提供基础的矩形或圆圈形状。然而,借助CSS3,我们可以对这些...

    javascript判断单选框或复选框是否选中方法集锦

    在Web开发中,经常需要使用JavaScript来检查表单中的单选框(`&lt;input type="radio"&gt;`)和复选框(`&lt;input type="checkbox"&gt;`)是否被用户选中。这种检查对于确保表单的有效性和完整性至关重要。本文将详细介绍几种...

    jQuery自定义单选按钮复选框样式特效

    "jQuery自定义单选按钮复选框样式特效"是一个针对初学者的简单教程,它演示了如何利用jQuery库对网页中的基本表单元素,如单选按钮(radio button)和复选框(checkbox),进行美化和功能增强。下面我们将详细探讨这...

    js html5 SVG动画画笔风格的复选框选中样式和单选按钮选

    本文将深入探讨如何使用这些技术来实现一种独特的画笔风格的复选框选中样式和单选按钮选择效果。 首先,HTML5是Web开发的标准标记语言,提供了丰富的元素和属性来构建网页结构。在这个场景中,我们可以用`...

    .net 后台实现 checkboxlist 单选

    这个JavaScript函数会遍历CheckboxList中的所有复选框,取消所有已选中的状态,然后将触发点击事件的复选框设为选中。这样,每次点击一个复选框时,其他复选框都会被自动取消选中,从而实现前端的单选效果。 接下来...

    jquery.checkbox 单选框多选框美化插件.zip

    jQuery作为一款强大的JavaScript库,提供了丰富的插件来美化这些元素,"jquery.checkbox"就是其中的一款,专为单选框和多选框提供美化功能。 该插件主要由以下部分组成: 1. **index.html**:这是示例页面,包含了...

Global site tag (gtag.js) - Google Analytics