js 实现多选框(复选框) 和单选框,下拉框功能完整示例代码附效果图

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script><title>单选框,复选框,下拉菜单简单示例</title></head><body><p>单选框示例: (选择性别)</p><!--单选框-->男:<input id='radio_1' type='radio' value='男' name='test1' checked='checked' onchange="demo1(id,value)" />女:<input id='radio_2' type='radio' value='女' name='test1' onchange="demo1(id,value)" /><script type="text/javascript">function demo1(id,value) {alert('我的id是:'+id + '    我的性别是:'+value) //会打印出用户选中的单选框的id}</script><hr /><p>多选框示例: (考试多选答案)</p><!--多选框--><form name="form1" method="post" action=""><input type="checkbox" name="r" value="a">a.我是答案1<br><input type="checkbox" name="r" value="b">b.我是答案2<br><input type="checkbox" name="r" value="c">c.我是答案3<br><input type="checkbox" name="r" value="d">d.我是答案4<br><br><input type="button" onclick="demo2()" value="提交答案"></form><script language="javascript">function demo2() {var arr = [];var r = document.getElementsByName("r");for(var i = 0; i < r.length; i++) {if(r[i].checked) {arr.push(r[i].value);}}alert('我选择的答案是:'+arr)}</script><hr /><p>下拉菜单示例: (选择优惠卷)</p><!--下拉菜单--><select class="" id="self_select" onchange="demo3()"><option>选择优惠券</option><foreach name="list" item="v"><option value="优惠卷1">优惠卷1</option><option value="优惠卷2">优惠卷2</option><option value="优惠卷3">优惠卷3</option></foreach></select><script type="text/javascript">//下拉框内容选择function demo3() {var city_area = $("#self_select").find("option:selected").val();if(city_area == "选择优惠券") {return false;}else{alert('用户下拉菜单选择的优惠卷为:'+city_area)}}</script></body></html>

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

js 实现多选框(复选框) 和单选框,下拉框功能完整示例代码附效果图相关推荐

删除下拉框只找23火星软件_下拉框搜索就找23火星软件/下拉框软件速来火星下拉...
现在不管做什么,都是需要流量,有了流量才能把自己手上的生意做好.不管是实体店微商,电商,还是互联网创业者,如果你拥有了流量,那么不管你选择去做什么产品,你都会一步到位,一飞冲天,实现自己的梦想.但是现 ...
删除下拉框只找23火星软件_下拉框软件找24火星软件
下拉词是搜索引擎为方便用户搜索而提供的一种关键词联想服务,目前各大搜索引擎都有这类的下拉框(如:百度下拉框,搜狗下拉框,神马下拉框,360下拉框),目的是为了提高用户搜索效率.当搜索某个关键词,直接出 ...
删除下拉框只找23火星软件_下拉框关键词软件只找23火星下拉框词工具佳选火星...
现在不管做什么,都是需要流量,有了流量才能把自己手上的生意做好.不管是实体店微商,电商,还是互联网创业者,如果你拥有了流量,那么不管你选择去做什么产品,你都会一步到位,一飞冲天,实现自己的梦想.但是现 ...
搜索引擎下拉食云速捷详细_移动端下拉框寻云速捷移动端下拉框跃云速捷
百度下拉框为什么朋友都推荐. 目前百度占国内搜索市场大,百度搜索框下拉框关键词提示是百度搜索推荐的第一大展现工具.优化上线后,全国任何地方的用户只要通过百度搜索关键词时搜索框下拉中将出现您设定的广告 ...
css div 下拉框内容自适应,div+css模拟select下拉框
无标题文档 .mod_select ul{margin:0;padding:0;} .mod_select ul:after{ display: block; clear: both; visibil ...
两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...
swing下拉框从mysql_Java Swing应用程序 JComboBox下拉框联动查询
在web项目中,通过下拉框.JQuery和ajax可以实现下拉框联动查询. 譬如说,当你查询某个地方时,页面上有:省份: 市区: 县乡: 街道: 查询譬如说,你选择了省:江苏省,那么在市区中只会显示 ...
搜索引擎下拉食云速捷详细_移动端下拉框寻云速捷/-/移动端下拉框跃云速捷-...
现在不管做什么,都是需要流量,有了流量才能把自己手上的生意做好.不管是实体店微商,电商,还是互联网创业者,如果你拥有了流量,那么不管你选择去做什么产品,你都会一步到位,一飞冲天,实现自己的梦想.但是现 ...
删除下拉框只找23火星软件_下拉框优化首选23火星软件
会员注册发帖成功不是为了让周围的人都羡慕你,称赞你,而是让周围的人都需要你,离不开你,因害怕失败而不敢放手一搏,永远不会成功.动手成功,伸手落空.光说不干,事事落空:又说又干,马到成功大胆的尝试只等 ...

js 实现多选框(复选框) 和单选框,下拉框功能完整示例代码附效果图

承接微信小程序开发。扫码加微信。

js 实现多选框(复选框) 和单选框,下拉框功能完整示例代码附效果图相关推荐

最新文章

热门文章