[学习笔记]复选框变单选功能
来源:互联网 发布:windows怎么解压缩文件 编辑:程序博客网 时间:2024/06/08 16:23
第一种方法:
<Script Language="JScript">
function checkedThis(obj,cname){
var boxArray = document.getElementsByName(cname); //这里不需要加'' 或者""
window.alert(cname);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</Script>
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">1
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">2
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">3
<br />
<br />
<br />
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
第二种方法:
<Script Language="JScript">
function checkedThis(obj){
var boxArray = document.getElementsByName(obj.name);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</Script>
<input type="checkbox" name="test" onclick="checkedThis(this);">1
<input type="checkbox" name="test" onclick="checkedThis(this);">2
<input type="checkbox" name="test" onclick="checkedThis(this);">3
<br>
<input type="checkbox" name="test1" onclick="checkedThis(this);">a
<input type="checkbox" name="test1" onclick="checkedThis(this);">b
<input type="checkbox" name="test1" onclick="checkedThis(this);">c
<Script Language="JScript">
function checkedThis(obj,cname){
var boxArray = document.getElementsByName(cname); //这里不需要加'' 或者""
window.alert(cname);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</Script>
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">1
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">2
<input type="checkbox" name="test" onclick="checkedThis(this,'test');">3
<br />
<br />
<br />
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
<input type="checkbox" name="tt" id="tt" onclick="checkedThis(this,'tt');"/>
第二种方法:
<Script Language="JScript">
function checkedThis(obj){
var boxArray = document.getElementsByName(obj.name);
for(var i=0;i<=boxArray.length-1;i++){
if(boxArray[i]==obj && obj.checked){
boxArray[i].checked = true;
}else{
boxArray[i].checked = false;
}
}
}
</Script>
<input type="checkbox" name="test" onclick="checkedThis(this);">1
<input type="checkbox" name="test" onclick="checkedThis(this);">2
<input type="checkbox" name="test" onclick="checkedThis(this);">3
<br>
<input type="checkbox" name="test1" onclick="checkedThis(this);">a
<input type="checkbox" name="test1" onclick="checkedThis(this);">b
<input type="checkbox" name="test1" onclick="checkedThis(this);">c
0 0
- [学习笔记]复选框变单选功能
- js复选框变单选功能
- swing学习笔记十四(复选框JCheckBox )
- jq 操作复选框 学习笔记
- 复选框全选功能
- 复选框全选功能
- 复选框功能
- QComboBox实现复选功能
- layer 复选框反选功能。
- j2me学习笔记【7】——复选框的应用
- 单选(RadioButton)复选(CheckBox)学习笔记
- 学习笔记——jQuery实现复选框效果
- COCOS学习笔记--复选框CheckBox及其控件属性
- jQuery学习笔记——复选框的操作
- Android学习笔记17---单选按钮&复选框
- PyQt5学习笔记5_QTableView中嵌入复选框
- [Android]笔记10-单选按钮和复选框的功能与用法
- 复选框变单选
- GDI+编程小结
- [CDQ分治] BZOJ 2244 [SDOI2011]拦截导弹
- [学习笔记]Excelsql语句
- 如何封装RESTful Web Service
- 你是这样获取人工智能AI前沿信息的吗?
- [学习笔记]复选框变单选功能
- [学习笔记]Java报表合并行
- 有序链表的归并
- Problem E: STL——括号匹配
- [学习笔记]JS下拉框赋值
- [学习笔记]Sql提前30天提醒信息
- HTML5之FileReader的使用
- [学习笔记]JS四舍五入方法
- [学习笔记]Java生成二维码