JavaScript案例全选获取下拉框选中的值

<script type="text/javascript">function choice(obj){var checkbox = document.getElementsByName('music');for(var i=0;i<checkbox.length;i++){if(obj=='全选'){checkbox[i].checked=true;}if(obj=='全不选'){checkbox[i].checked=false;} if(obj=='反选'){checkbox[i].checked=!checkbox[i].checked;}}}
</script>
</head><body><h1>添加音乐</h1><input type="checkbox" name="music" />哪里都是你<br/><input type="checkbox" name="music" />关于你<br/><input type="checkbox" name="music" />偏爱<br/><input type="checkbox" name="music" />Love Story(Taylor's Version)<br/><input type="checkbox" name="music" />晚风<br/><input type="checkbox" name="music" />蜜蜂<br/><input type="checkbox" name="music" />这首歌没唱直接听<br/><input type="button" value="全选" onclick="choice('全选')" /><input type="button" value="全不选" onclick="choice('全不选')" /><input type="button" value="反选" onclick="choice('反选')" /></body>
</html>

获取下拉框选中的值

<script type="text/javascript">function test(){var sel = document.getElementById('sel');//   console.log(sel.value); // 获取到你选择的选择对应的value值var options = sel.options;for(var i=0;i<options.length;i++){// options[i] 可以获得到每个下拉选项,但是想过滤出被选中的那个if(options[i].selected == true){    //过滤出被选中的那个alert(options[i].value+'----'+options[i].text);}}}
</script>
</head><body><select id="sel" onchange="test()"><option value="0">青铜班</option><option value="1">白银班</option><option value="2">黄金班</option><option value="3">铂金班</option><option value="4">钻石班</option></select></body>
</html>

页面加载获得焦点

<body onload="document.getElementById('username').focus();"> <!--onload页面加载  focus获得焦点-->用户名:<input type="text" id="username"/>密码:<input type="password"/></body>

实现点赞动画

<script type="text/javascript">function addGreat(){// 创建一个动图:var imgNode = document.createElement('img');imgNode.src="./emoji.gif";//获取divvar mydiv = document.getElementById('mydiv');// 将动图放入div中:mydiv.appendChild(imgNode);// 调整动图大小imgNode.style.width="85px";// 给动图设置一定绝对定位imgNode.style.position="absolute";imgNode.style.top="200px";imgNode.style.left="200px"// 让emoji往上走,边走边消失// 设置图片的饱和度:imgNode.style.opacity= 1 ;var id =setInterval(function(){// 饱和度一直在减少:imgNode.style.opacity-=0.01;// 距离上边距的高度也应该逐渐减少:imgNode.style.top=(imgNode.offsetTop-2)+"px";console.log('aaa');if(imgNode.style.opacity <=0){clearInterval(id);}},15);}
</script>
</head><body><input type="button" value="点赞" onclick="addGreat()" /><div id="mydiv"></div></body>
</html>

JavaScript案例全选获取下拉框选中的值相关推荐

jq获取下拉框选中的值和文本
获取文本 $("select[name='province'] option:selected").text() 获取选中值 $("select[name='provin ...
vue项目获取下拉框选中id_vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...
jquery中获取下拉框的文本值
获取下拉框的属性值:$(this).val(); 获取下拉框的文本值:$(this).find('option:selected').text();
layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值？
layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...
php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...
jquery中获取下拉框的文本值和value值（键值）
<select id = "selectId"><option value = "key1">text1</option>& ...
layui 如何取得select下拉框选中的值
var addressid = $('#addressid[name=addressid]').val() form.on('select(filter)', function(data){conso ...
php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值？（代码示例）...
本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 获取select : 获取select 选中的 text ...
vue项目获取下拉框选中id_vue treeselect获取当前选中项的label实例
我就废话不多说了,大家还是直接看代码吧~ :options="deptTree" :normalizer="normalizer" v-model=" ...

JavaScript案例全选获取下拉框选中的值

获取下拉框选中的值

页面加载获得焦点

实现点赞动画

JavaScript案例全选获取下拉框选中的值相关推荐

最新文章

热门文章

JavaScript案例 全选 获取下拉框选中的值

获取下拉框选中的值

页面加载获得焦点

实现点赞动画

JavaScript案例 全选 获取下拉框选中的值相关推荐

最新文章

热门文章

JavaScript案例全选获取下拉框选中的值

JavaScript案例全选获取下拉框选中的值相关推荐