Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
选中javascript中“是”命令的复选框_Javascript_Jquery_Html_Checkbox - Fatal编程技术网

选中javascript中“是”命令的复选框

选中javascript中“是”命令的复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我想完成,当我尝试选中复选框时,它将显示弹出窗口。然后,有两个选项“是”和“否”。当我点击“是”时,复选框将被选中并弹出关闭。如果我选择“否”,复选框将取消选中并关闭弹出窗口。 帮我一个忙。这里的示例代码 Javascript $(document).ready(function () { $('#chkBox').click(function () { if ($(this).is(':checked')) { $("#txt").dialog({

我想完成,当我尝试选中复选框时,它将显示弹出窗口。然后,有两个选项“是”和“否”。当我点击“是”时,复选框将被选中并弹出关闭。如果我选择“否”,复选框将取消选中并关闭弹出窗口。 帮我一个忙。这里的示例代码

Javascript

$(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');
}