Question

我有两个单选按钮，我想在选中其中一个单选按钮时打开弹出模型。我知道colorbox如何使用锚点，但它似乎不适用于单选按钮。任何帮助或示例代码？

这是HTML

 <div class="radio-button ">
    <input type="radio" id="checkboxecheck" />
    <a href="#popup-modal" class="cbox"></a>
 </div>
 <div class="hide">
    <div id="popup-modal" class="alert-container ">
         This message should be in model popup.
    </div>
 </div>

这是java脚本代码

$(function () {
        $('#checkboxecheck').on('click', function () {
            $('.cbox').colorbox({
                transition: "none",
                inline: true,
                fixed: true,
                width: "350px",
                hideCloseButton: true,
                overlayClose: true,
                opacity: "0.5"
            });
        });
    });

Answer 1

试试这个，

$(function(){
    $('input[type="radio"]').on('click',function(){
       $('selector').colorbox();// you can change it with your options
    });
});

Answer 2

试试这个

$（document）.ready（function（）{

$（“＃yourCheckboxID”）。change（function（）{
            if (this.checked) {

                //Some instructions
            }
}）;

Answer 3

使用此

$(document).ready(function () {
    $('input[type="radio"]').on('click', function () {
        $(".cbox").colorbox({ 
            inline: true,
            width: "350px", 
            scrolling: false, 
            close: "X", 
            returnFocus: false,
            trapFocus: false 
        });
    });
});

选中单选按钮上的颜色框弹出窗口

3 个答案: