Member 12955507 Ответов: 1

Как проверить checkebox внутри элемента ?

Вот html-код,

<li class="dropdown-submenu">
    <a tabindex="-1" href="#">
        <input type="checkbox" class="DDLProductCate" value="1">
        Construction Products
    </a>
    <ul class="dropdown-menu">
        <li>
            <a href="#">
                <input class="DDLProductCate" value="5" type="checkbox">
                Cement
            </a>
        </li>
        <li>
            <a href="#">
                <input class="DDLProductCate" value="6" type="checkbox">
                Steel
            </a>
        </li>
    </ul>
</li>


Что я уже пробовал:

Как я могу установить флажок, когда нажимаю его на текст элемента "а"?

пожалуйста, помогите мне...

1 Ответов

Рейтинг:
7

Sni.DelWoods

Попробуйте поместить его в этикетку:

<a href="#">
  <label>
    <input type="checkbox" /> click to check
  </label>
</a>


JSFiddle

Member 12955507

я его работаю! но возникла какая-то проблема, я использую bootstrap multilevel drowpdownlist с флажком. Но после того, как добавить эту метку, а затем нажать на нее, то она исчезает drowpdown checked item. Я обновил свой код стиля выше. Пожалуйста, помогите мне перестроить стиль с теперь добавленной меткой.

Member 12955507

Привет, спасибо. Сейчас он работает. Я написал jQuery для открыть загрузчик. вроде: $('Li.в выпадающего подменю в').функция на('нажмите', (событие) {
$(этот).родитель().родитель().родитель().toggleClass('открыть');
});

Member 12955507

Является ли это правильным кодом для предотвращения закрытия раскрывающегося списка bootstrap с помощью этого кода ? $(этот).родитель().родитель().родитель().родитель().родитель().toggleClass('открыть');

Но этот код работает хорошо.