1 <input type= "checkbox " value= "1 " onclick= "chgColor() "> <label> 选择一 </label>
如上的一个简单的checkbox ,点击后实现 “选择一”这几个字体 实现变色。
<script language= "javascript ">
function chgColor()
{
var obj=event.srcElement;
obj.nextSibling.style.color=(obj.checked)? "red ": " ";
}
</script>
2 直接让复选框进行变色
function chkFlag(chkBoxID,inputBoxID){
var oSel=document.getElementById(chkBoxID);
var oInBox=document.getElementById(inputBoxID);
if(oSel.checked)
oInBox.style.backgroundColor="#ffffff"; //选种的背景颜色
else
oInBox.style.backgroundColor="#dddddd"; //非选中的背景颜色
}
如上红色则会使背景变色
本文介绍如何通过JavaScript实现复选框点击后,其旁边的文本颜色变为红色,并且可以根据复选框的选中状态改变输入框的背景色。
2119

被折叠的 条评论
为什么被折叠?



