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

Question

如何根据用户的选择将某些按钮发送到后台和/或禁用它们？假设用户点击了“iPhone3GS”，所有的按钮都被启用并能够被点击，但如果选择了“iPhone4”，那么“解锁”按钮就会被发送到后台/被禁用。如果可能，If语句可以用于此函数吗？if ("iphone4") disable ("unlocked，AT&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");
        }
    }
});