选中javascript中“是”命令的复选框
我想完成,当我尝试选中复选框时,它将显示弹出窗口。然后,有两个选项“是”和“否”。当我点击“是”时,复选框将被选中并弹出关闭。如果我选择“否”,复选框将取消选中并关闭弹出窗口。 帮我一个忙。这里的示例代码 Javascript选中javascript中“是”命令的复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我想完成,当我尝试选中复选框时,它将显示弹出窗口。然后,有两个选项“是”和“否”。当我点击“是”时,复选框将被选中并弹出关闭。如果我选择“否”,复选框将取消选中并关闭弹出窗口。 帮我一个忙。这里的示例代码 Javascript $(document).ready(function () { $('#chkBox').click(function () { if ($(this).is(':checked')) { $("#txt").dialog({
$(document).ready(function () {
$('#chkBox').click(function () {
if ($(this).is(':checked')) {
$("#txt").dialog({
close: function () {
$('#chkBox').prop('checked', false);
}
});
} else {
$("#txt").dialog('close');
}
});
});
HTML
对
不
现场样品:
请帮忙。谢谢。
<input type="checkbox" id="chkBox" name="HelpCheckbox" value="Help" onClick="confirmation(this);"/>
function confirmation(obj) {
obj.checked ? confirm("You have chosen " + obj.value + " as your type \n If you have chosen the right type, Click Ok!") ? alert("You clicked ok") : obj.checked = false : "";
}
功能确认(obj){
obj.checked?确认(“您选择了”+obj.value+”作为您的类型\n如果您选择了正确的类型,请单击“确定!”)?警报(“您单击了确定”):obj.checked=false:;
}
尝试添加按钮:{}
对象属性,而不是在标记中添加两个额外的按钮。此设置将为您创建按钮,在这些按钮中,您可以选择选中/取消选中复选框:
$(文档).ready(函数(){
$('#chkBox')。单击(函数(){
变量$chkBox=$(“#chkBox”),
$txt=$(“#txt”);
$txt.dialog({
按钮:{
是:函数(){
$chkBox.prop('checked',true);//检查是否为是
$txt.dialog('close');//并关闭弹出窗口
},
否:函数(){
$chkBox.prop('checked',false);//如果否,则取消选中
$txt.dialog('close');//并关闭弹出窗口
}
}
});
});
});代码>
您只需在这些按钮上添加id,并添加函数,然后使用“onlick”运行它
html
这是我的桥
<input type="checkbox" id="chkBox" name="HelpCheckbox" value="Help" onClick="confirmation(this);"/>
function confirmation(obj) {
obj.checked ? confirm("You have chosen " + obj.value + " as your type \n If you have chosen the right type, Click Ok!") ? alert("You clicked ok") : obj.checked = false : "";
}
<button onClick="btn_yes()">Yes</button>
<button onClick="btn_no()">NO</button>
function btn_yes(){
$("#txt").dialog('close');
document.getElementById("chkBox").checked = true;
}
function btn_no(obj){
$("#txt").dialog('close');
}