Question

如何根据用户选择的内容将某些按钮发送到后台和/或禁用它们？假设用户点击“iphone 3GS”并且所有按钮都已启用并且能够被点击，但是如果选择“iphone 4”，则“解锁”按钮被发送到后台/禁用。如果可能，if语句可以用于此功能吗？ if（“iphone4”）禁用（“解锁，AT＆amp; T”），例如。我对jquery持开放态度，但我不熟悉，所以必须包含一些细节，告诉我如何使用它。

这是jsfiddle：http://jsfiddle.net/nwxLM/

这是脚本的一部分：

if (q1 == "AT&T" && q2 == "8GB" && q3 == "Black" && q4 == "Black") {
            $('#next_button').val('att 8gb black').click(function () {
                window.location.href = 'http://google.com/'
            });

以下是HTML的一部分：

<div class="radio" id="form">
            <div class="tablebuttons" type="radio" name="q4" value="iPhone-3GS">
                <img width="50px" height="50px" 
src="http://wepriceit.webs.com/Images/iPhone-3GS.png" />
            </div>

完整的代码位于上面的jsfiddle中。

Answer 1

我建议您使用模板框架，例如underscorejs或mustachejs，当您渲染html片段时，您可以实现一些条件。

模板文件示例，使用underscore.js：

<div class="div-filter">
    <ul class="ul-filter">
        <%var ind =0;
         _.each(types, function(type){ %>
            <li class="li-filter">
                   <img id=<%='img-'+type.name %>
                        notes-id=<%=ind%>
                        class="large-img" 
                        src=<%= 'img/tipo/' + type.name + '.svg' %>  
                        alt=<%="'" + type.name + "'"%> />
            </li>
        <%ind++;
        });%>
    </ul>
</div>

如何使用javascript：

var _tpl = _.template(pTpl);
$(_element).html(_tpl(_typesNotes));

那么什么不是暗示？您需要加载underscorejs lib，并加载模板文件。

另一种选择，我相信这有效：

$(".elements").on("click",function(){
    $(this).off();
    var elements = $(".elements");
    for (c=0; c < elements.length; c++){
        if($(this).id!==elements.id){
            $(elements).css("display","none");
        }
    }
});

如何根据选择将按钮发送到后台/禁用它们？

1 个答案: