复选框限制器(多个实例)

时间:2011-03-14 03:30:40

标签: javascript jquery checkbox

昨天我们得到了这段代码:

http://jsfiddle.net/mvelaga/Ed8jQ/

从根本上说,它限制了勾选复选框的数量,可以在使用提交按钮之前将其定义为预先定义的数量。 在这种情况下,我们设置了3的限制。

2个问题,我试图联系编码器,但没有用。

  1. 我们希望在同一网页上运行另一个实例,我们可以在用户提交表单之前将复选框要求限制为2个刻度。 因此,在一个页面上有两个这个脚本的实例,但不确定我们如何将它们分开。 所以一个div在小提琴中有代码,用户可以(必须)选择3个复选框。等等 另一个div,有类似的代码,但用户可以(必须)选择2个复选框(diff id's)

  2. 如果用户在单击必填复选框之前尝试单击任一表单提交按钮,我们会想要一个提醒。

  3. 这两个div是或者div。意味着用户downt必须做一个div,另一个div。但也可以做到,

    任何帮助表示赞赏。

    好的,对于按钮代码我们有:

    <span style="float:right;"><input type="button" class="samplePromo" value="Order" onclick="window.location.href='somelink.php';"></span>
    

    按钮的CSS是:

    .samplePromo {
        padding: 7px 4px;
        color: #ffffff;
        font-size: 16px;
        font-weight:bold;
        display: inline;
        white-space: nowrap;
        background-color:#9fd106;
        width: 80px;
        text-shadow: none !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #444444;
        cursor:pointer;
    }
    
    .samplePromo:hover {
        padding: 7px 4px;
        color: #ffffff;
        font-size: 16px;
        font-weight:bold;
        display: inline;
        white-space: nowrap;
        background-color:#ec008c;
        width: 80px;
        text-shadow: none !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    

1 个答案:

答案 0 :(得分:1)

我尝试解决你的问题#1。

对于#2,因为我试图在选择所需的复选框数之前禁用该按钮。我不认为需要警报。可能是,我错过了一些东西。

http://jsfiddle.net/mvelaga/kKGcJ/1/