首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-23 
checkbox 属性被选中和不被选中,来控制input输入框能否被输入。BODY? input idcheckid onclickcsan

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>

热点排行