点击‘提交’
按钮变成
‘继续添加’同时文本框变灰且只可读,
再次点击
‘继续添加’
文本框变回原来可写,按钮变成‘提交’。一直可以循环执行:
var
bbb
=
document.getElementById('btn1')
bbb.onclick
=
function()
{
var
ttt
=
document.getElementById('btn1').value
if
(ttt
==
'提交')
{
isreadonly()
changebutton1()
}
else
if
(ttt
==
'继续添加')
{
readwrite()
changebutton2()
}
}
function
isreadonly()
{
var
obj
=
document.getElementById("in1")
obj.setAttribute("readOnly",
true)
obj.style.backgroundColor
=
"#d2d2d2"
var
obj
=
document.getElementById("in2")
obj.setAttribute("readOnly",
true)
obj.style.backgroundColor
=
"#d2d2d2"
var
obj
=
document.getElementById("in3")
obj.setAttribute("readOnly",
true)
obj.style.backgroundColor
=
"#d2d2d2"
}
function
readwrite()
{
var
obj
=
document.getElementById("in1")
obj.setAttribute("readOnly",
false)
obj.style.backgroundColor
=
"#ffffff"
var
obj
=
document.getElementById("in2")
obj.setAttribute("readOnly",
false)
obj.style.backgroundColor
=
"#ffffff"
var
obj
=
document.getElementById("in3")
obj.setAttribute("readOnly",
false)
obj.style.backgroundColor
=
"#ffffff"
}
function
changebutton1()
{
document.getElementById('btn1').value
=
'继续添加'
}
function
changebutton2()
{
document.getElementById('btn1').value
=
'提交'
}
应用:可将上诉代码中的文字替换,实现其它类型的循环执行。
循环只要指定条件为true,循环就可以一直执行代码块。1、使用while循环的步骤分析循环条件和循环操作套用while语法写出代码检查循环是否能够退出。
2、while(条件)
3、需要执行的代码。
3、do/while循环是while循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。