onchange事件的用法(单选框与复选框的change event)
大家好，onchange事件的用法相信很多的网友都不是很明白，包括单选框与复选框的change event也是一样，不过没有关系，接下来就来为大家分享关于onchange事件的用法和单选框与复选框的change event的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！
select中onchange的用法
用法：onchange事件会在域的内容改变时发生。
onchange="SomeJavaScriptCode"
onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！
onmousedown单击一次就查询一次，所以每选择一次就查询一次，增加了数据库的负担。每次选择至少要查询两次（一次是在数据库加载数据，一次是选择选项时又触发一次，）
咧：
<selectname="expireDay"id="expireDay"class="form-control"
onchange="searchChange(this.options[this.options.selectedIndex].value);">
<!--<optionvalue="">---请选择---</option>-->
<option
<c:iftest="${'0'==expireRemind.searchType}">
selected
</c:if>
value="0">aa</option>
<option
<c:iftest="${'1'==expireRemind.searchType}">
selected
</c:if>
value="1">bb</option>
</select>
可以显示和隐藏
functionsearchChange(obj){
if(obj=="0"){
$('#expireDate').hide();
$('#soonExpireDay').show();
}
if(obj=='1'){
$('#soonExpireDay').hide();
$('#expireDate').show();
}
}
扩展资料
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
参考资料来源：百度百科-javascript
如何调用OnChange事件的“选择”
//select中的onchange是在下拉框中所选的值发生变化时触发的事件。
//可以给onchange事件绑定一个方法，在onchange事件触发时会执行绑定的方法。
//示例：
//首先可以响应select的onchange事件来调用JS编写的事件响应函数，如
...
//然后编写事件响应函数：
//如果select位于表单（form1）中，select的name为select1，则可使用如下方法：
//获得用户选中的项的索引
var index=window.document.form1.select1.selectedIndex;
//根据索引获得该选项的value值
var val=window.document.form1.select1.options[index].value;
//如果select并非表单元素，假设select的id为select1,则如下：
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//如果要输出选择结果，假设HTML中定义了一个，则如下输出：
window.document.getElementByIdx_xx_x("output").innerText=val;
//一个示例：
function outputSelect(){
//获取用户选中的项的索引
var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;
//根据index获取选中项的value值
var val=window.document.getElementByIdx_xx_x("select1").options[index].value;
//根据index获取选中项的Text值，即在下拉列表中显示的选项文本
var vname=window.document.getElementByIdx_xx_x("select1").options[index].text;
//输出value:
textdocument.getElementByIdx_xx_x("output").innerText=val":" vname;
怎样使用jQuery触发Select,Radio的change/onchange事件
可以使用jQuery的trigger()方法来响应事件
定义和用法
trigger()方法触发被选元素的指定事件类型。
语法
$(selector).trigger(event,[param1,param2,...])
参数描述
event必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind()函数来附加），或者任何标准事件。
[param1,param2,...]可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
实例：
触发 select元素的change事件：
$("button").click(function(){
$("select").trigger("change");
});
关于onchange事件的用法，单选框与复选框的change event的介绍到此结束，希望对大家有所帮助。