当前位置: 代码迷 >> Web前端 >> checkbox 属性被选中和不被选中,回控制input输入框能否被输入
  详细解决方案

checkbox 属性被选中和不被选中,回控制input输入框能否被输入

热度:40   发布时间:2012-11-23 22:54:33.0
checkbox 属性被选中和不被选中,来控制input输入框能否被输入。

<BODY>?
<input id="checkid" onclick="csan()" type="checkbox" name="kjLevel"/> 其他<input type="text" id="qitaName" style="border:0;background:transparent;" name="qitaName" type="text" readOnly="true">
?</BODY>

?

<script>
function csan(){
? var id2=document.getElementById("checkid");
//? alert(id2.checked);
? if(id2.checked){
???? document.getElementById("qitaName").style.border="1px solid #000000";
???? document.getElementById("qitaName").readOnly=false;
?}else{
? document.getElementById("qitaName").style.border="0px solid #000000";
? document.getElementById("qitaName").value="";
???? document.getElementById("qitaName").readOnly=true;
?}
?}
</script>

?

?

?

?

?

?

?

?

?

?

方法2、

?

<script type="text/javascript">
function csan(){
? var id2=document.getElementById("checkid");
? if(id2.checked){
???? document.getElementById("qitaName").style.border="1px solid #000000";
???? document.getElementById("qitaName").readOnly=false;
?}else{
? document.getElementById("qitaName").style.border="0px solid #000000";
//? document.getElementById("qitaName").value="";
???? document.getElementById("qitaName").readOnly=true;
?}
?}
</script>

  相关解决方案