0

如果复选框被选中，从注册页面弹出一个带有 HTML 内容的花式框

我当前的 JS 代码如下。警报基本上是我要抓取和显示的 HTML 的占位符。

$("#Register").click(function() {
    if($(this).is(':checked')) {
        alert("This is a fancybox! Register here.")
        $('#CheckoutOptions').fancybox('');
    }
})

HTML代码是：

<form id="CheckoutOptions" name="CheckoutOptions">
    <label class="inline">
    <input type="checkbox" id="Register" name="CheckoutOptions" value="Register">
     Register Account </label>
     <br>
    <label class="inline">
    <input type="checkbox" id="Guest" name="CheckoutOptions" value="Guest">
    Guest Checkout </label>
</form>

HTML 内部将是一个表单，用户可以简单地注册一个帐户。在注册帐户结束时，如果成功，我还想关闭 Fancybox 并重新加载原始网页。

你也能帮我做这件事吗？

JSfiddle 在这里：http: //jsfiddle.net/5CS4D/3/

4

2 回答 2

0

您的小提琴未正确包含 js。另外，你需要告诉 fancybox 你想要显示什么。我只是将表单 html 放在一个字符串中，但是您可以随心所欲地获取它。

$("#Register").click(function () {
     if ($(this).is(':checked')) {
         var htmlStr = '<div class="form"><form>First Name:<input type="text" maxlength="20"></input><br />Last Name:<input type="text" maxlength="20"></input></form></div>';
         $.fancybox(htmlStr, {
             'width': 950,
             'height': 1100,
             'autoScale': false,
             'transitionIn': 'none',
             'transitionOut': 'none',
             'hideOnContentClick': false
         });
     }
 });

http://jsfiddle.net/dpauz/

于 2013-09-20T16:58:20.917 回答
0

请在此处查看随附的链接：-与您想要的完全相同：-

打开链接

您可以在示例中找到源代码。

您也可以尝试以下链接：- http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt

于 2013-09-20T13:56:41.847 回答