1.单选框
<html>
<head>
<script type="text/javascript">
function check(fruit)
{
alert("你喜欢的水果是:"+fruit)
}
</script>
</head>
<body>
<p>您喜欢哪种水果?</p>
<form>
<input type="radio" name="fruit" onclick="check(this.value)" value="苹果">apple<br />
<input type="radio" name="fruit" onclick="check(this.value)" value="香蕉">banana<br />
<input type="radio" name="fruit" onclick="check(this.value)" value="梨">pear<br />
</form>
</body>
</html>
2.复选框
<html>
<head>
<script type="text/javascript">
function createOrder()
{
food=document.forms[0].food
txt=""
for (i=0;i<food.length;++ i)
{
if (food[i].checked)
{
txt=txt + food[i].value + " "
}
}
alert("您订购的早点有: " + txt)
}
</script>
</head>
<body>
<p>你需要什么样的早点?</p>
<form>
<input type="checkbox" name="food" value="油条">油条<br />
<input type="checkbox" name="food" value="豆浆">豆浆<br />
<input type="checkbox" name="food" value="鸡蛋">鸡蛋<br />
<br />
<input type="button" onclick="createOrder()" value="发送订单">
<br />
</form>
</body>
</html>
3.下拉框
<html>
<head>
<script type="text/javascript">
function changeFruit()
{
var myselect=document.getElementById("mySelect")
alert(myselect.options[myselect.selectedIndex].text)
if(myselect.options[myselect.selectedIndex].text == "桃子")
{
myselect.disabled = true;
}
}
function enable()
{
document.getElementById("mySelect").disabled=false
}
</script>
</head>
<body>
<form>
<select id="mySelect" onchange="changeFruit()">
<option></option>
<option>苹果</option>
<option>桃子</option>
<option>香蕉</option>
<option>桔子</option>
</select>
<br />
<input type="button" onclick="enable()" value="启用列表">
</form>
</body>
</html>
分享到:
相关推荐
文本框 单选框 复选框 下拉框 美化 只有你想不到没有做不到! 用的感觉可以 回头加关注 总会给你意想不到的 收货
这个里面有安卓的单选框,复选框,以及下拉框的使用,以及点击按钮会显示你输入的信息,适合新手的借鉴与使用。
QTableView添加复选框,下拉框控件
首先声明:代码是我下载的,但是里边有我的劳动成功,原先的版本适用于ext3.2在3.3及以上版本中有BUG,现在这个版本在3.2,3.3,3.4中没有问题,可以正常使用
本篇文章主要介绍了vue.js实现单选框、复选框和下拉框示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
NULL 博文链接:https://xurichusheng.iteye.com/blog/1570815
自定义表头,添加复选框和下拉选项框
主要介绍了js和jquery分别验证单选框、复选框、下拉框的具体代码,需要的朋友可以参考下
这是一个用JAVA编写的题库管理系统,可以完成题目添加、修改、删除、显示功能,其中还用到树等控件,可以响应鼠标左右键点击,其他的控件也同样有相应的响事件。这个系统运用到了数据库,可能很完善。
Qt基础 07_单选框、复选框及实例 源代码
本篇文章主要是对jQuery获取(选中)单选,复选框,下拉框中的值的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
在表格tableview中实现复选框,下拉框,最简单快速方案,中文读取乱码问题的解决方案。 本实例在QT5.12上运行通过,用最简单的方法在tableview中实现了复选框和下拉框,同时还提供了读取文本数据的方法以及在读取中...
Access数据库多选复选框例子.zip
本文主要介绍PyQt5界面最基本使用的单选按钮、复选框、下拉框三种控件的使用方法进行介绍。 1、RadioButton单选按钮/CheckBox复选框。需要知道如何判断单选按钮是否被选中。 2、ComboBox下拉框。需要知道如何对...
包括相应的js,css文件,这些都是经过测试的。是没有问题的
QT控件QComboBox定制下拉列表为复选框的一个简单示例,在QT5.9环境下编译调试通过,可以参考此例子中的方法,进行定制修改。
/* 带复选框的下拉框 */ ul li{ list-style: none; padding:0px; margin: 0px; } .select_checkBox{ border:0px solid red; position: relative; display:inline-block; } .chartQuota{ height:23px; float:left; ...
flex复选树形下拉框,在ReportListPage.mxml里面有应用及树数据的加载