javascript - 在以前选择的同名单选按钮上调用函数
问题描述
您好,我有一些具有不同单选组名称的单选按钮。我想为该特定组调用先前选择的单选按钮上的函数。
如果我选中单选按钮,则从同一组中选择不同的单选按钮。我想在jQuery中同一组的先前选择的单选按钮上调用函数或添加类。
这是示例代码 -
RadioGroup1Button 1: <input type='radio' name='radioGroup1' /><br />
RadioGroup1Button 2: <input type='radio' name='radioGroup1' /><br />
RadioGroup2Button 1: <input type='radio' name='radioGroup2' /><br />
RadioGroup2Button 2: <input type='radio' name='radioGroup2' /><br />
RadioGroup2Button 3: <input type='radio' name='radioGroup2' /><br />
请帮忙
解决方案
你想要这样的东西吗?
$("input:radio").on("mousedown", function() {
var name = $(this).attr("name");
if ($("input:radio[name='" + name + "']:checked").length == 1 && $(this).is(":not(:checked)")) {
$("input:radio[name='" + name + "']").removeClass("PrevChecked");
$("input:radio[name='" + name + "']:checked").addClass("PrevChecked");
}
});
演示
$("input:radio").on("mousedown", function() {
var name = $(this).attr("name");
if ($("input:radio[name='" + name + "']:checked").length == 1 && $(this).is(":not(:checked)")) {
$("input:radio[name='" + name + "']").removeClass("PrevChecked");
$("input:radio[name='" + name + "']:checked").addClass("PrevChecked");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
RadioGroup1Button 1: <input type='radio' name='radioGroup1' /><br /> RadioGroup1Button 2: <input type='radio' name='radioGroup1' /><br /> RadioGroup2Button 1: <input type='radio' name='radioGroup2' /><br /> RadioGroup2Button 2: <input type='radio' name='radioGroup2'
/><br /> RadioGroup2Button 3: <input type='radio' name='radioGroup2' /><br />
推荐阅读
- android - 如何正确使用 build.gradle 中的 resValue?
- openvpn - 通过 CLI 设置 OPENVPN _AS 默认组和子网
- pandas - pandas dataframe groupby 然后应用函数
- angular - 可观察:在添加新项目后处理数组中的项目而不重新开始
- sharepoint - Sharepoint 访问令牌未获取范围
- plotly - 在 Plotly/Dash 下拉列表中添加“全选”选项
- batch-file - 带有列表 if 语句的 For 循环检查长度项是否小于在 for 循环中工作
- sql - SQL 报告返回空值
- javascript - console.log() 是否被发送到调用堆栈
- kubernetes-helm - Helm 引用环境变量中的 Kubernetes 机密