как получить несколько значений флажка с помощью AlloyUI

Я хочу получить несколько значений флажков из перечисленных флажков выбора на кнопке отправки. Я пробовал с node-event-delegate, но это не работает:

AUI().use('node', 'event', 'node-event-delegate', function (A) {
    var allcheckboxes = A.one('.plans').all(':checked');
    console.info(allcheckboxes.size()); // It will give number selected checkboxes

    A.all('.compare-products').each(function (node) {

        console.info(node.currentTarget);
        console.info(node, A.one(node(':checkbox:checked')));

        if (A.one(node.currentTarget).all(':checked')) {}
    });

    A.all('.compare-products input[type="checkbox"]').filter(':not(:checked)').setAttribute("disabled", "disabled"); // it will disable the unchecked checkboxes
    A.all('.compare-products input[type="checkbox"]').filter(':not(:checked)').removeAttribute("disabled", "disabled"); // it will remove disable attribute from unchecked checkboxes
});

yui alloy-ui
person Devang Solanki    schedule 10.12.2014    source источник
comment
@Devang, что вы имеете в виду, говоря, что я хочу получить несколько значений флажков в перечисленных флажках выбора на кнопке отправки. Что означает кнопка отправки в этом предложении? Также не могли бы вы опубликовать пример html флажков, из которых вы пытаетесь получить данные?   -  person stiemannkj1    schedule 11.12.2014
comment
определенное значение флажка =   -  person Devang Solanki    schedule 12.12.2014

Ответы (1)


arrow_upward
3
arrow_downward

HTML-код

<div>
<div>
    <input type="checkbox" class="product" name="product1" value="product1" /> product1<br />
    <input type="checkbox" class="product" name="product2" value="product2" /> product2<br />
    <input type="checkbox" class="product" name="product3" value="product3" /> product3<br />
    <input type="checkbox" class="product" name="product4" value="product4" /> product4<br />
    <input type="checkbox" class="product" name="product5" value="product5" /> product5<br />
</div>
<button>Compare Products</button></div>

Код сценария AUI

AUI().use("node", function(A){
A.one("button").on("click", function(){
    var values = [];
    A.all("input[type=checkbox]").each(function(){
        if(this.get("checked")){
            values.push(this.get("value"));
        }
    });
    console.log(values);
}); });
person Devang Solanki    schedule 12.12.2014