选中多个CHECKBOX的时候会以字符串的形式返回,各个值之间用逗号隔开。
只需用SPLIT()将其分割成数组再操作就可以了。如何在 checkbox 被选中时,改变该 td 的 bgcolor 值
<table border="1" width="100%">
<tr>
<td>
<input type=checkbox name=id onclick="parentElement.bgColor=checked?'red':''">
</td>
</tr>
</table>//********************************************
<input type=checkbox name=mm value=a><br/>
<input type=checkbox name=mm value=b><br/>
<input type=checkbox name=mm value=c><br/>
<input type=checkbox name=mm value=d><br/>
<input type=checkbox name=mm value=e><br/>
<input type=checkbox name=mm value=f><br/>
<input type=button value=check onclick="check()"><script language="JavaScript"><!--
function check()
{
var a = document.getElementsByName("mm");
var s = "";
for (var i=0; i<a.length; i++)
if(a[i].checked) s =s + a[i].value +",";
alert("string ="+ s);
}
//--></script><script>
datastr="223.566";
datastr=datastr.split(".")[0];
alert(datastr);
</script><script>
var strtemp;
var arr=new Array();
strtemp="a,b,c,d";
arr=strtemp.split(/,/);
for(i=0;i<arr.length;i++) document.write('arr['+i+']='+arr[i]+'<br/>');
</script>
巧设checkbox的只读属性
<input type=checkbox onclick="this.checked=false">
<input type=checkbox onclick="this.checked=true" checked>和checkbox有用的一些东东.
只需用SPLIT()将其分割成数组再操作就可以了。如何在 checkbox 被选中时,改变该 td 的 bgcolor 值
<table border="1" width="100%">
<tr>
<td>
<input type=checkbox name=id onclick="parentElement.bgColor=checked?'red':''">
</td>
</tr>
</table>//********************************************
<input type=checkbox name=mm value=a><br/>
<input type=checkbox name=mm value=b><br/>
<input type=checkbox name=mm value=c><br/>
<input type=checkbox name=mm value=d><br/>
<input type=checkbox name=mm value=e><br/>
<input type=checkbox name=mm value=f><br/>
<input type=button value=check onclick="check()"><script language="JavaScript"><!--
function check()
{
var a = document.getElementsByName("mm");
var s = "";
for (var i=0; i<a.length; i++)
if(a[i].checked) s =s + a[i].value +",";
alert("string ="+ s);
}
//--></script><script>
datastr="223.566";
datastr=datastr.split(".")[0];
alert(datastr);
</script><script>
var strtemp;
var arr=new Array();
strtemp="a,b,c,d";
arr=strtemp.split(/,/);
for(i=0;i<arr.length;i++) document.write('arr['+i+']='+arr[i]+'<br/>');
</script>
巧设checkbox的只读属性
<input type=checkbox onclick="this.checked=false">
<input type=checkbox onclick="this.checked=true" checked>和checkbox有用的一些东东.
解决方案 »
- jquery ajax使用jsonp跨域请求问题,请各位帮忙看下。谢谢。
- 如何将其拼接为10,A|11,B| ,如果只有10,A的话 就是10,A|
- jQuery serialize()问题
- <embed></embed>的src为什么轮换不了flash,急...........
- 如何不让js文件取缓存的
- 仿淘宝上的拼音索引,,,,自动弹出新层问T,,,,
- 一个编辑器想实现的功能
- 关于web使用特殊字体的问题
- 怎么动态的禁止ie右键菜单弹出
- jQuery toggle()函数的使用问题
- 各位老大,如何取到div下有哪些select呢?我要隐藏它们
- 如何在点击一个下拉框的同时,访问数据库,改变另一个下拉框的内容
所有选择内容都是从数据里调出来,客户输入一个不在列表中的纪录,数据库就添加一个
新的纪录,下次再选择的时候,上次输入的就在列表里了,(这个我来完成)#并且很重要一点的就是有提示
如输入a,那么所有以a开头的全部抬头,这个令我头疼.#不能使用服务器组件,服务器是linux
<body topmargin="0" BGCOLOR=buttonface>
<table border="0" width=500 cellspacing="2" cellpadding="2" align="center" class= p>
<tr>
<input name=c1 type=checkbox value=1 onclick="checked=!checked">1:
</tr>
<tr>
<input name=c2 type=checkbox value=2 onclick="checked=!checked">2:
</tr>
<tr>
<input name=c3 type=checkbox value=3 onclick="checked=!checked">3:
</tr>
<tr>
<input name=c4 type=checkbox value=4 onclick="checked=!checked">4:
</tr>
<tr>
<input name=c5 type=checkbox value=5 checked onclick="checked=!checked">5:
</tr>
<tr>
<input name=c6 type=checkbox value=6 onclick="checked=!checked">6:
</tr>
<tr>
<input name=c7 type=checkbox value=7 onclick="checked=!checked">7:
</tr>
<tr>
<input name=c8 type=checkbox value=8 onclick="checked=!checked">8:
</tr>
<tr>
<input name=c9 type=checkbox value=9 onclick="checked=!checked">9
</tr>
<tr>
<input name=c10 type=checkbox value=10 onclick="checked=!checked">10:
</tr>
<tr>
<input name=c11 type=checkbox value=11 onclick="checked=!checked">11:
</tr>
<tr>
<input name=c12 type=checkbox value=12 onclick="checked=!checked">12:
</tr>
<tr>
<input name=c13 type=checkbox value=13 onclick="checked=!checked">13:
</tr>
<tr>
<input name=c14 type=checkbox value=14 onclick="checked=!checked">14:</td>
</tr>
<tr>
<input name=c15 type=checkbox value=15 onclick="checked=!checked">15:</td>
</tr>
</table>
</body>
</html>
<script ID=clientEventHandlersJS LANGUAGE=javascript>
<!-- var ele=document.getElementById('c4');
ele.checked = true; var ele=document.getElementById('c5');
ele.checked = true; var ele=document.getElementById('c7');
ele.checked = true; var ele=document.getElementById('c13');
ele.checked = true;-->
</script>
window搜索的cookie纪录,就是那种效果,麻烦按查找试试
<html>
<head>
<title>动态列表框</title>
</head>
<!--by fason(2003-6-3)-->
<body onload="init()">
<select id="chgSelect" size="5" style="position: absolute; visibility: hidden;" onchange="setValue(this)">
<option value="csdn">csdn
<option value="msdn">msdn
<option value="net_lover">net_lover
<option value="meizz">meizz
<option value="wsj">wsj
<option value="emu">emu
<option value="fason">fason</option>
<option value="saucer">saucer</option>
<option value="21cn">21cn</option>
<option value="sohu">sohu</option>
</select>
<input onkeyup="editselect(this)" id="edit"><input type=button value="6" style="font-family:webdings;height:20;" id=d onclick="show()">
<script>
var sv=new Array()
var s,ev
function init(){
s=document.getElementById("chgSelect")
ev=document.getElementById("edit")
x=ev.offsetLeft;
y=ev.offsetTop;
objParent=ev.offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=ev.offsetHeight
s.style.pixelLeft=x
s.style.pixelTop=y
for(i=0;i<s.options.length;i++){
sv.push(s.options[i].value)
}
}
function setValue(o){
ev.value=o.value
o.style.visibility='hidden';
ev.focus()
}
function editselect(obj){
var sValue=obj.value
var n=0
var s=document.getElementById("chgSelect")
if(sValue.replace(/\s/g,'').length==0){s.style.visibility='hidden';return}
s.style.visibility=''
s.options.length=0
for(i=0;i<sv.length;i++){
if(sv[i].indexOf(sValue)==0){
s.add(new Option(sv[i],sv[i]))
n++
}
}
if(n==0){s.style.visibility='hidden';return}
}
function show(){
s.options.length=0
for(i=0;i<sv.length;i++){
s.options[s.options.length]=new Option(sv[i],sv[i])
}
s.style.visibility=s.style.visibility==''?'hidden':''
}
function document.onclick(){
if(event.srcElement!=d)s.style.visibility='hidden'
}
</script>
</body>
</html>