Проверен какой-либо чекбокс, когда установлен другой флажок

0

Я попытался проверить два флажка с идентификатором check1 и check2, когда opt1 проверен, я использую jquery для этого, вот следующий код. jquery:

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {
            $('#raw').slideDown(400);
            $('#check1').changeAttr('checked');
            $('#check2').prop('checked', true);
        } else {
            $('#raw').slideUp(200)
        }
    });
});

это мой html-код

<dl>
                                            <dt><input id="opt1" type="checkbox" name="vehicle" value="Raw Material">Raw Material</dt>
                                                <div id="raw" class="option" style="display:none">
                                                </br><dd><input id="check1" type="checkbox" name="lol[]" value="Add Raw Name">Add Raw Name</dd><br/>
                                                <dd><input id="check2" type="checkbox" name="lol[]" value="View Raw Materials">View Raw Materials</dd>
                                                </div>
                                            </dl>
  • 1
    в чем вопрос, вы можете уточнить с скрипкой
  • 0
    опс извините, на самом деле мой код выше не работает
Показать ещё 2 комментария
Теги:

3 ответа

2

Вам нужно передать значение методу prop() а также заданное свойство.

$('#check1').prop('checked', true);

http://jsfiddle.net/K63mF/

Поделиться
  • 0
    Ну, +1, но при uncheck он не будет снимать другой 2
  • 0
    да, я уже пробовал, но это не работает
Показать ещё 2 комментария
1

Если вы хотите проверить два других флажка, когда первый флажок установлен, вы можете сделать это следующим образом:

(Показан в этой скрипке)

$(document).ready(function() {
    $('#opt1').change(function() {
        if($(this).is(":checked")) {
            $('#check1').prop('checked', 'checked');
            $('#check2').prop('checked', 'checked');
        } else {
            $('#check1').prop('checked', '');
            $('#check2').prop('checked', '');
        }
    });
});
Поделиться
  • 0
    на самом деле мой слайд вниз работает, но проверил не работает
  • 0
    Хорошо, если вы хотите проверить #check1 и #check2 когда #opt1 флажок #opt1 , это способ сделать это. Код для снятия флажков в остальном был только в том случае, если вам нужна эта функциональность. Что именно вы хотите от этого?
Показать ещё 6 комментариев
0

Используйте следующий код

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {

            $('#raw').slideDown(400);

            //update code
            $('#check1').attr('checked','checked');
            $('#check2').attr('checked','checked');

        } else {
            $('#raw').slideUp(200);

            //if you want to remove check
            //$('#check1').removeAttr('checked');
            //$('#check2').removeAttr('checked');
        }
    });
});
Поделиться
  • 0
    теперь я понял, на самом деле я забыл связать JQuery1.9.1 спасибо всем

Ещё вопросы

Сообщество Overcoder
Наверх
Меню