浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
若是只引用jquery的话，监听单选按钮改变事件如下：
<input type="radio" name="sex" checked="checked" value="1">男 <input type="radio" name="sex" value="2">女
$(document).ready(function() {
$('input[type=radio][name=sex]').change(function() {
if (this.value == '1') {
alert("这是个男孩");
} else if (this.value == '2') {
alert("这是个女孩");
}
});
});
注意：如果是引用了layui的样式和方法，则上面的监听事件失效，被layui接管了，所以应该如下写法：
layui.use(['form', 'element', 'laydate'], function(){
var jQuery = layui.jquery
,layer = layui.layer
,form = layui.form()
,element = layui.element();
form.on("radio(sex)", function (data) {
var sex = data.value;
if (this.value == '1') {
alert("这是个男孩");
} else if (this.value == '2') {
alert("这是个女孩");
}
});
});
以上这篇浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
问题内容： 此处使用复选框状态更新文本框值。我用来确认取消选中的操作。如果用户选择“取消”，则复选标记会恢复，但会在确认前触发。 这会使事情处于不一致状态，并且选中复选框时文本框会显示false。 如何处理取消并保持文本框值与检查状态一致？ 问题答案： 在JSFiddle中进行了测试，可以满足您的要求。这种方法的附加好处是，当单击与复选框关联的标签时，可以触发。 更新的答案： 原始答案：
-
import { Radio } from 'feui'; components: { [Radio.name]: Radio }, data() { return { radio001: ["安徽", "北京"], radio001Value: "安徽", radio002Value: "北京", radio003: [ {
-
描述 (Description) 复选框可用于从列表中选择多个选项; 单选按钮可用于仅选择一个选项。 在fieldset元素中包含一组复选框和单选按钮，并使用legend元素为它们提供公共文本。 fieldset元素中的每个控件都必须具有单独的标签，可以使用label标签创建。 例子 (Example) 以下示例演示了在Foundation中使用checkboxes and radio butto
-
本文向大家介绍android输入框内容改变的监听事件实例，包括了android输入框内容改变的监听事件实例的使用技巧和注意事项，需要的朋友参考一下 android输入框内容改变的监听事件一般用于比如我们常见的：登录qq时 用户名输入完整时头像自动显示，或者注册用户时实时提示注册格式是否正确等。那么我们在这里举例：判断输入框是否有内容，来改变按钮的状态，常用于搜索一类。截图如下：（布局代码不再给出）
-
复选框用来提供一组选项，可以选中不止一个选项。传统的桌面程序的单选按钮组没有对触摸输入的方式进行优化，所以在Jquery Mobile中，label也被样式化为复选按钮，使按钮更长，容易点击。并添加了自定义的一组图标来增强视觉反馈 单选按钮组和复选按钮组都是用标准的html代码写的，但是都被样式化得更容易点击。你所看见的控件其实是覆盖在input上的label元素?所以如果图片没有正确加载，你仍然
-
介绍 用于在多个选项中选择单个结果。 引入 import { createApp } from 'vue'; import { RadioGroup, Radio } from 'vant'; const app = createApp(); app.use(Radio); app.use(RadioGroup); 代码演示 基础用法 通过 v-model 绑定值当前选中项的 name。 <v