checkbox实现互斥

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧(www.xue51.com)</title>
<script language="javascript">
function sel1(obj){
   if(obj.checked){
//如果当前项被选中了
      document.all.chk2.checked=false
//则不能选择第二组
   document.all.sel1.selectedIndex=4
//指定下拉框中选择的项
   }
}
function sel2(obj){
   if(obj.checked){
//如果当前项被选中了
   document.all.chk1.checked=false
//则不能选择第一组
   document.all.sel1.selectedIndex=0
//指定下拉框中选择的项
   }
}
</script>
</head>
<body>
<p>A组
  <input type="checkbox" name="checkbox"
value="checkbox" id="chk1" onClick="sel1(this)">
</p>
<p>B组
  <input type="checkbox" name="checkbox2"
value="checkbox" id="chk2" onClick="sel2(this)">
</p>
<p>C
  <select name="select" id="sel1">
  <option selected="selected">个人</option>
  <option>200米</option>
  <option>400米</option>
  <option>800米</option>
  <option>200米接力</option>
  </select>
</p>
</body>
</html>

  

时间: 2024-07-28 13:23:59

checkbox实现互斥的相关文章

android如何让checkbox实现互斥以及android验证端cession登录注意事项

1.CheckBox有一个监听器OnChangedListener,每次选择checkbox都会触发这个事件, 里边有一个参数isChecked,就是判断checkbox是否已经选上了的,可以在这判断:如果已经选上了就让其他的checkbox的setChecked设置为false.. 下面是b4[5]的一个checkbox组合实现互斥.因为监听是在事件发生之后,所以说如果让他选中,则在监听的时候,就把除了他之外所有其他的checkbox都置为false; b4[0].setOnCheckedCh

checkbox的互斥

function ck_click(obj) { var ck_20 = document.getElementById("ck_20"); var ck_25 = document.getElementById("ck_25"); var ck_30 = document.getElementById("ck_30"); ck_20.checked = false; ck_25.checked = false; ck_30.checked =

mvc中使用互斥的一组checkbox

在做项目遇到想要使用一组name相同的checkbox控件,后台自动获取选中控件的值,只能原生的html标签,不能使用mvc的@html.checkbox控件: 正确代码如下: <input type="checkbox" name="LicenseStatus" checked="checked" value="0" /> <span>开工</span> <input type=&q

js 多个checkedBox分组互斥功能实现 由于QQ邮件无法发送暂且将js写在博客园

今天有一项目需要实现多个checkbox分组实现组内互斥功能 . 具体要求如下:大的分类分为A B C 三类, 其中 A   B 中又分为 A1 A2 A3   B1 B2 B3  二级分类,二级分类下又有 A11  A12 A13 A14  A21 A22 A31 A32  B11 B12 B13 B14 ... .要求实现 A B C 互斥 A1 A2 A3 B1 B2 B3 组内互斥.具体结构及代码如下 具体功能树如下: A A1 A11 A12 A13 A2 A21 A22 A3 A31

单项选择RadioButton和多项选择CheckBox的使用

 在Android中,可以通过RadioButton和RadioGroup的组合来实现单项选择的效果.而多项选择则是通过CheckBox来实现的. 1.单项选择RadioButton 我们知道,一个单项选择是由两部分组成的,分别是前面的选择按钮和后面的"答案".选择按钮可以通过RadioButton来实现,而"答案"则可以通过RadioGroup来实现. 具体的实现步骤如下: 首先,在布局文件中定义一个TextView控件,用来显示问题. 然后,再在布局文件中定

radio与checkbox

最近一直在学习Javascript与asp.net MVC4,每天都在跟着书学习.这样总感觉自己看的很抽象,没有点实际的意义.而且,每次看的东西很容易忘记,所以打算在这里记录自己的学习笔记. Javascript已经看了不少天了,本文主要讲述的是radio与checkbox. 1.radio radio又称单选框,它是html表单中的单选按钮.通常单选按钮是成组出现的,是互斥的,每次只能选取一个.当点击按钮的时候,就会触发onclick事件.通过属性checked判断按钮是否被选中.声明的语法如

Android ExpandableListView 带有Checkbox的简单应用

expandablelistview2_groups.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height=&qu

自定义input[type=&quot;checkbox&quot;]的样式

对复选框自定义样式,我们以前一直用的脚本来实现,不过现在可以使用新的伪类 :checkbox 来实现. 如果直接对复选框设置样式,那么这个伪类并不实用,因为没有多少样式能够对复选框起作用.不过,倒是可以基于复选框的勾选状态借助组合选择符来给其他元素设置样式. 很多时候,无论是为了表单元素统一,还是为了用户体验良好,我们都会选择 label 元素和 input[type="checkbox"] 一起使用.当<label>元素与复选框关联之后,也可以起到触发开关的作用. 思路:

checkbox管理

这是我写的关于checkbox的管理的方法: 主要目的是1.管理checkbox全选,单个选的状态:(例如当所有的单个选框都选中时,全选框的状态应该是选中,) 2.选中,取消选中时更新数据: 目的: 实现批量操作(批量删除,批量修改)时的状态管理: 并不完善:而且感觉这样做不好:但是技术有限,想不出其他方法了: 如果哪位大神路过,还望指导一下. <!doctype html> <html lang="en"> <head> <meta char