单选框多选框,选择发生改变触发
来源:互联网 发布:手机淘宝上买二手 编辑:程序博客网 时间:2024/06/06 00:54
开通博客已有好长一段时间,太懒,一直没有去写。近来公司最为要好的一前端小伙伴要离职,忙得不可开交,所以也就不得不自己做页面。当然,也是他告诉我,要写自己的博客,作为技术进步的见证。
实现效果:
radio,checkbox选择发生改变时触发事件。
<td>
<input type = "radio" name = "radio1" value = "A" class = "ends"/> a)first <br />
<input type = "radio" name = "radio1" value = "B" class = "ends"/> b)next<br />
<input type = "radio" name = "radio1" value = "C" class = "ends"/> c)final <br />
</td>
以下为JS实现:
$(document).ready(function (){//这个就是jQueryready ,它就像C语言的main 所有操作包含在它里面
$('.ends').click(function(){
var value="";
var radio=document.getElementsByName("radio1");
for(var i=0;i<radio.length;i++){
if(radio[i].checked==true){
value=radio[i].value;
/*实现效果为,选择A和其他选项时分别会给button1更换背景图片*/
if(value=="A"){
document.getElementById("button1").style.backgroundImage="url(images/submit_question.png)";
}else{
document.getElementById("button1").style.backgroundImage="url(images/next.png)";
}
break;
}
}
});
});
以此类推,其实很多地方都可以采用这种添加class的方式来实现。
- 单选框多选框,选择发生改变触发
- 如何手动触发"ComboBox选择改变"消息
- Listview按键触发选择item改变文字
- TextBox内容发生改变时触发的事件
- JS实现的文本框内容发生改变立马触发事件简介
- [事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
- input propertychange事件,当input的value值发生改变时触发(文本框的值即时搜索)
- UITextFeild只发生变化触发
- calloc指向发生改变
- 选择文本触发事件
- jquery实现 多选框传值 (用到了 选择触发事件,1、遍历所选 2、不刷新改变地址。 传参)
- 日期框改变触发事件
- JS窗口改变触发事件
- JS窗口改变触发事件
- JQuery文本改变触发事件
- C#改变变量触发事件
- 鼠标移动触发字体改变
- WdatePicker改变事件触发优化
- IOS与Android系统的简单区别
- C++与C变量或函数的混合调用
- 使用X-UA-Compatible来设置IE浏览器兼容模式
- MYSQL主从复制搭建全过程实战---探索不能实时同步的关键性参数
- java中IO和NIO的区别和适用场景
- 单选框多选框,选择发生改变触发
- 很多想看的书籍都是pdf的,应该怎样进行编辑?
- 行人检测——Caltech Pedestrian Dataset 数据集的使用
- java crash分析
- 拉普拉斯滤波
- LeetCode—Longest Consecutive Sequence
- PING能通,traceroute不通以及与tracert的区别
- python打包工具distutils的使用
- LeetCode 21 - Merge Two Sorted Lists