单击复选框时如何打开jQuery ColorBox窗口?

单击复选框时如何打开jQuery ColorBox窗口?,jquery,onclick,colorbox,Jquery,Onclick,Colorbox,我试图在选中复选框时打开一个jQuery ColorBox窗口,但在确定它时遇到了一些问题。首先,是否可以在不对colorbox.js文件进行重大更改的情况下完成此操作?如果是这样,你能帮我指引正确的方向吗 提前感谢。我不太清楚您想做什么,但是根据您提供的信息,您能否将复选框上的焦点事件绑定到打开ColorBox实例的函数 $("selectorForCheckbox").bind("focus", function(e) { // initiate colorbox here. })

我试图在选中复选框时打开一个jQuery ColorBox窗口,但在确定它时遇到了一些问题。首先,是否可以在不对colorbox.js文件进行重大更改的情况下完成此操作?如果是这样,你能帮我指引正确的方向吗


提前感谢。

我不太清楚您想做什么,但是根据您提供的信息,您能否将复选框上的
焦点事件绑定到打开ColorBox实例的函数

$("selectorForCheckbox").bind("focus", function(e) {
    // initiate colorbox here. 
});

我不太清楚您想做什么,但是根据您提供的信息,您能否将复选框上的
focus
事件绑定到打开ColorBox实例的函数

$("selectorForCheckbox").bind("focus", function(e) {
    // initiate colorbox here. 
});
试试这个()

HTML

试试这个()

HTML


如果我的答案是你想要的,请告诉我。如果这不是你想要的,请告诉我。如果我的答案是你想要的,请告诉我。如果这不是你想要的,请告诉我。这实际上非常接近我想要的。谢谢我唯一还想弄清楚的是,如何指定只有选中某个复选框时才会打开的colorbox弹出窗口?例如,我有一个名为“the_event”的复选框,我需要在选中该复选框时将其打开。再次感谢。只需调整jQuery选择器。。。尝试
$('input#the_event')。绑定(…)
。上面的脚本是为了从输入框值中提取图像src而编写的,因此您还可以使用一个类来打开colorbox。类似于
$('input.openColorBox')
的东西也可以使用。这实际上非常接近我想要的。谢谢我唯一还想弄清楚的是,如何指定只有选中某个复选框时才会打开的colorbox弹出窗口?例如,我有一个名为“the_event”的复选框,我需要在选中该复选框时将其打开。再次感谢。只需调整jQuery选择器。。。尝试
$('input#the_event')。绑定(…)
。上面的脚本是为了从输入框值中提取图像src而编写的,因此您还可以使用一个类来打开colorbox。类似于
$('input.openColorBox')
的东西也可以工作。
$(':checkbox').bind('click', function() {
    if ($(this).is(':checked')) {
        $.colorbox({
            photo: true,
            href: $(this).val()
        });
    }
})