
正文
js监听checkbox选中事件 js监听hover事件
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
我想给checkbox用js注册一个onchange事件来监听它的状态的变化,该怎么样写?
HTML:
%: Html.CheckBox("IsTime", false, new { onpropertychange = "checkChange();", Value = "huerreson" })%
JS:
function checkChange() {
var checkState = $("#IsTime").attr("checked");
if (checkChange == true) {
alert("Checked");
} else {
alert("unchecked");
}
}
相关问答
Q1: 怎么监听checkbox被选中事件
用addItemListener(this);监听checkbox被选中事件,例子程序如下:
import java.awt.Checkbox;
import java.awt.TextField;
import java.awt.Frame;
import java.awt.FlowLayout;
import java.awt.event.*;
public class EE extends Frame implements ItemListener{
Checkbox c1,c2,c3;
TextField tf;
EE(){
setSize(200,200);
setVisible(true);
setLayout(new FlowLayout());
tf=new TextField(20);
c1=new Checkbox("one",null,true);
c2=new Checkbox("two");
c3=new Checkbox("three");
add(tf);
add(c1);
add(c2);
add(c3);
validate();
c1.addItemListener(this);
c2.addItemListener(this);
c3.addItemListener(this);
setResizable(false);
this.addWindowListener(new WindowAdapter(){
public void windowClosing(WindowEvent ev){
System.exit(0);
}
});
}
public void itemStateChanged(ItemEvent ev){
String state="deselecked";
if(ev.getStateChange()==ItemEvent.SELECTED){
state="selecked";
tf.setText(String.valueOf(ev.getItem()));
}
System.out.println(ev.getItem()+" "+state);
}
public static void main(String args[]){
new EE();
}
}
Q2: 如何监听checkbox是否被选中
被选中了 就会触发值的修改事件 你只要在事件里面做点事情就可以了。
input type="checkbox" onchange="{alert('被修改了。')}"/
== 我写给给你啊
你按这个思路来做:
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titleInsert title here/title
script type="text/javascript"
function setChange(v,is){
v=document.getElementById(v);
v.innerHTML=is.checked?"在这里设置"+is.value+"的信息!":"";
}
/script
/head
body
input type="checkbox" onchange="setChange('s1',this)" name="name1" value="v1" /v1span id="s1"/spanbr/
input type="checkbox" onchange="setChange('s2',this)" name="name2" value="v2" /v2span id="s2"/spanbr/
input type="checkbox" onchange="setChange('s3',this)" name="name3" value="v3" /v3span id="s3"/spanbr/
/body
/html
关于js监听checkbox选中事件和js监听hover事件的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。






