Если отмечены 2 флажка, выполнить функцию jquery

Question

Если отмечены 2 флажка, выполнить функцию jquery

0

Привет, у меня есть следующий код, но я не могу заставить его работать. Я хочу показать ссылку после проверки обоих флажков.

HTML:

<div><input id="dp-terms" name="terms" type="checkbox" value="1" /> I have read and agree       to your terms and conditions</div>
<div><input id="dp-artwork" name="artwork" type="checkbox" value="1" /> I have read and undertand your artwork guide</div>
<div id="show-continue" style="display:none;"><a href="#">Next ></a></div>

JQuery;

$(document).ready(function(){
    $("#dp-terms, #dp-artwork").change(function() {       
        if ($("input#dp-terms").checked && ("input#dp-artwork").checked) {
            $("#show-continue").show();
        } else {
            $("#show-continue").hide();
        };
    });
});

http://jsfiddle.net/dannyj6/EJZuC/

DannyBoy 25 фев. 2014, в 19:08

Источник

Теги:

jquery

checkbox

3 ответа

2

$(document).ready(function () {
    $("#dp-terms, #dp-artwork").change(function () {
        $("#show-continue").css('display', ($("#dp-terms").is(':checked') && $("#dp-artwork").is(':checked')) ? '' : 'none');
    });
});

Пример jsFiddle

j08691 25 фев. 2014, в 15:20

0

Пытаться

$(document).ready(function(){
    $("#dp-terms, #dp-artwork").click(function() {      
        alert('in');
        if ($("input#dp-terms").is(":checked") && $("input#dp-artwork").is(":checked") ) {
            $("#show-continue").show();
        } else {
            $("#show-continue").hide();
        };
    });
});

Скрипт: http://jsfiddle.net/EJZuC/3/

ketan 25 фев. 2014, в 15:07

Ещё вопросы

kamilkp · Accepted Answer · 2014-02-25T16-25-00.000Z

checked - свойство на узле DOM, а не объект jQuery, поэтому вам нужно написать:

$("input#dp-terms")[0].checked

Также вы забыли знак доллара, когда вы попытались проверить второй флажок. Вот рабочий код:

$(document).ready(function(){
    $("#dp-terms, #dp-artwork").change(function() {       
        if ($("input#dp-terms")[0].checked && $("input#dp-artwork")[0].checked) {
            $("#show-continue").show();
        } else {
            $("#show-continue").hide();
        };
    });
});

Сценарий: http://jsfiddle.net/EJZuC/2/