如何取消用户的单选按钮选择,在确认对话框后取消选择
How can I cancel a users radiobutton selection, after a confirm dialog cancel selection?
在一个更大的项目中,我有一组单选按钮,用于更新文本区域中的文本。然而,有时我需要让用户选择他们是否真的想要更改文本。
我使用隐藏单选按钮,只显示标签。我已经能够显示确认对话框,并防止文本区域中的文本更改,但我无法阻止单选按钮检查新单击的元素。我试图保存对先前选中的单选按钮的引用,但我怀疑它在代码中已经太迟了。为了进一步说明,我制作了一个JSFiddle。按钮文本和该区域的文本之间永远不应该不匹配,一旦一个已经加载。
http://jsfiddle.net/e0bxnghc/1/那么有没有办法取消用户对单选按钮的选择呢?
HTML:<nav id="selectors" class="segmented-button">
<input type="radio" name="group-1" value="car" id="radio1">
<label for="radio1" class="first">Car</label>
<input type="radio" name="group-1" value="boat" id="radio2">
<label for="radio2">Boat</label>
<input type="radio" name="group-1" value="plane" id="radio3">
<label for="radio3">Plane</label>
<input type="radio" name="group-1" value="train" id="radio4">
<label for="radio4" class="last">Train</label>
</nav>
<textarea id="output">output area</textarea>
javascript: $(document).ready(function(){
$('#selectors label').click(function() {
var element = $(this).prev();
var confirmed = false;
var previousSelected = $("input[name=group-1]:checked");
var r = confirm("Are you sure you want to change the text?");
if (r == true) {
$("#output").val(element.val());
} else{
previousSelected.checked = true;
}
});
});
在else中返回false应该这样做:
else{
previousSelected.checked = true;
return false;
}
<<p> jsFiddle例子/strong> 简单地从单选按钮单击事件返回'false'回滚操作。我们不需要保存之前选择的单选按钮。浏览器为我们做了这些:
$(document).ready(function () {
$('input[name=Group]').click(function () {
var confirmation = confirm('Are you sure you want to change the default message?');
if (!confirmation) {
return false;
}
})
});
相关文章:
- jquery点击函数select&取消选择
- 使用Jquery选择或取消选择ListView中的所有复选框
- 如何在javascript中取消选择文本框
- 如何取消选择所选选项并将JqueryMobile中选择的值刷新为1st
- 取消选择特定标记中的文本
- 取消选择滚动启动时的所有列表视图项目
- 如何通过jQuery选中所有复选框并在单击一个复选框时取消选择
- jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
- Jquery 无法在单击时选择和取消选择 td
- 通过在d3中单击来选择/取消选择
- 复选框选择/取消选择触发器第一次工作,但在随后的尝试中失败
- 根据动态值选择和取消选择复选框
- 取消选择单选按钮
- 收听单选按钮取消选择事件而不知道按钮's上下文(骨干视图)
- 下拉列表单选取消选择
- 如何在jqueryDataTables中以编程方式取消选择由id标识的行
- 如何通过javascript中的按钮点击来选择和取消选择多个复选框
- 取消选择Fabric.js中的选定对象
- 选择/取消选择复选框,该复选框未按预期使用.coneast('table').find('tbo
- 如何防止在html中模糊(焦点丢失)时取消选择所选文本