日期:2014-05-16  浏览次数:20447 次

javascript问题,救火!
一个复选框和一个文本框,文本框只能在复选框选定时才能输入内容,当复选框没有选定时,文本框为readonly状态,当复选框选定后,而文本框又没有输入内容时,弹出对话框,要求在文本框中的内容不为空,复选框的name为mopian,文本框的name为houdu,
下面为HTML代码:
<input   name= "mopian "   type= "checkbox "   id= "mopian "   value= "磨片 "> <input   name= "houdu "   type= "text "   id= "houdu "   onKeyPress= "javascript:CheckNum(); "   size= "10 "   maxlength= "15 ">

------解决方案--------------------
var obj = document.getElementById( "mopian ");
var text =document.getElementById( "houdu ");
text.readOnly = !obj.checked ? true : false;
------解决方案--------------------
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<input type= "checkbox " name= "mopian " onClick= "abc() ">
<input type= "text " name= "houdu ">
<SCRIPT LANGUAGE= "JavaScript ">
<!--
function abc()
{
var obj = document.getElementById( "mopian ");
var text =document.getElementById( "houdu ");
text.readOnly = !obj.checked ? true : false;
}
//-->
</SCRIPT>
</BODY>
</HTML>
------解决方案--------------------
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<input type= "checkbox " name= "mopian " onClick= "abc() ">
<input type= "text " name= "houdu " onblur= "ab() " readonly>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
function abc()
{
var obj = document.getElementById( "mopian ");
var text =document.getElementById( "houdu ");
text.readOnly = !obj.checked ? true : false;
}
function ab()
{
obj = document.getElementById( "mopian ");
var text = document.getElementById( "houdu ");
if ((obj.checked)&&(text.value.length <1)){
alert( "内容不能为空 ")
  text.focus();
}
}
//-->
</SCRIPT>
</BODY>
</HTML>