js中点击按钮时自动增加一行

JavaScript035

js中点击按钮时自动增加一行,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件里,创建一个button按钮,并设置其id属性为dz,用于下面获得按钮对象,实现js点击按钮事件。

3、给button绑定点击事件,当按钮被点击时,执行hs()函数。

4、在test.html文件的js标签内,定义hs()函数,在函数内使用alert() 方法弹出"我被点击了"的内容。

5、在js内,使用window对象中的onload事件,当网页加载完时,执行function函数。

6、在function函数内,通过getElementById()方法获得按钮对象,使用click()方法点击按钮。

7、在浏览器打开test.html文件,当打开网页时,js自动执行点击事件。

<input type="button" name="btn" value="点击101"

onclick=" cal(prompt('请输入第一个键盘按键字母:'),prompt('请输入第二个键盘按键字母:')) " />

<script type="text/javascript">

function cal(num01,num02){

/*var num11 = parseInt(num01)

var num22 = parseInt(num02)*/

alert(num01)

alert(num02)

}

</script>

Html:<input type="radio" name="radio" value='0' id="en" onclick="chkRadio(this)" />

Js:var flag = true

function chkRadio(id) {

id.checked = flag

flag = !flag

}

进阶:功能:类似于一个协议。当用户点击同意时,用户才能点击提交按钮。

Html:<input type="submit" class="pub_btn fabu1" value="确认发布" id="fabu" disabled="disabled" style="position: fixedbottom:0pxbackground-color: #6683ff" />

Js: <script language="JavaScript">

var flag = true

function chkRadio(id) {

var c=document.getElementById('en').value

if(c==0){

var obj=document.getElementById('fabu')

obj.removeAttribute('disabled')

document.getElementById('en').value=1

}else{

var obj=document.getElementById('fabu')

obj.setAttribute("disabled","disabled")

document.getElementById('en').value=0

}

id.checked = flag

flag = !flag

}

</script>

给定的初始值。input中是为点击。value=0。当第一次点击时删除disabled的属性,这样用户可以点击提交。根据value进行判断。