javascript实现跳出选择弹框

JavaScript014

javascript实现跳出选择弹框,第1张

JS代码写function show(){ var value = document.getElementById("div1").style.displayif(value=="none") { document.getElementById("div1").style.display="block"} else document.getElementById("div1").style.display="none"} 页面上写<input type="button" value="回复" onClick="show()"><div style="display:none" id="div1">//设置这个DIV隐藏，当点击的时候显示 里边就是那个文本框了 <input type="button" name="button1" value="提交" onClick="show()"></div>

js中alert()方法就可以实现这种效果。种效果常用于表单验证时弹出提示信息。

下面是用jquery编写的表单验证的简单例子:

<html>

<body>

<script type="javascript/text" src="jquery.js"></script>

<form id="form" method="post" action="">

性别:男<inpyt type="radio" name="sex" value="0">女<inpyt type="radio" name="sex" value="1">

<inpyt type="button" id="button" value="提交">

</form>

<script type="javascript/text">

$("#button"),click(function(){//提交按钮被点击触发

if($("input[name='sex']").is("checked")){//获取name为sex的input的对象并判断是否被选中

$("#form").submit()")//如果性别的单选按钮有被选择则提交表单

}else{

alert("请选择性别")//如果性别的单选按钮没有被选择则弹出提示

}

})

</script>

</body>

</html>