Squeak.ru - шаблоны программирования

Установка и снятие флажков в диалоговом окне JQuery Mobile

Я попробовал этот код, чтобы добиться того, что я хочу сделать. Это сработало, когда я попробовал его в своем обычном HTML-файле, но когда я попробовал его на своей странице JQuery Mobile, код не работал у меня хорошо. Существуют ли разные способы или код для выбора флажков JQuery Mobile?

Вот код, который я пробовал:

ЯВАСКРИПТ:

<script>
function SetAllCheckBoxes(FormName, FieldName, CheckValue)
{
    if(!document.forms[FormName])
        return;
    var objCheckBoxes = document.forms[FormName].elements[FieldName];
    if(!objCheckBoxes)
        return;
    var countCheckBoxes = objCheckBoxes.length;
    if(!countCheckBoxes)
        objCheckBoxes.checked = CheckValue;
    else
        // set the check value for all check boxes
        for(var i = 0; i < countCheckBoxes; i++)
            objCheckBoxes[i].checked = CheckValue;
}

HTML

<form method="GET" name="myForm" onsubmit="return false;">
<label for="myCheckbox1">
    <input type="checkbox" name="myCheckbox" value="1" id="myCheckbox1">
    I like Britney Spears 
</label>
<br>

<label for="myCheckbox2"><input type="checkbox" name="myCheckbox" value="2" id="myCheckbox2">
    I like Hillary Duff
</label>
<br>

<label for="myCheckbox3"><input type="checkbox" name="myCheckbox" value="3" id="myCheckbox3">
    I like Mandy Moore 
</label>
<br>

<input type="button" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', true);" value="I like them all!">
&nbsp;&nbsp;
<input type="button" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', false);" value="I don't like any of them!">

checkbox dialog jquery-mobile
02.12.2012

Ответы:


1

Я не знал, что флажки JQuery Mobile необходимо обновлять после снятия / проверки их с помощью JQuery или Javascript. Вот код:

$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");

http://api.jquerymobile.com/checkboxradio/#method-refresh

05.12.2012
  • Да, но единственная проблема моего кода - добавить .checkboxradio('refresh'), и это может быть самый простой способ опубликовать его, поэтому я добавил свой ответ. 06.12.2012
  • в моем случае я использую $("input[type='checkbox']").prop("checked",true).checkboxradio("refresh"); 13.09.2017
  • Это работает для меня. Моя ситуация была флажком jQuery Mobile во всплывающем окне. Без .checkboxradio(refresh) экранный пользовательский интерфейс не отображался как проверенный, хотя на самом деле это было так. Это часть кодирования, которую я ненавижу. @JetPro Спасибо за это решение. 04.03.2019

    • 2

    Попробуй это:

    function SetAllCheckBoxes(FormName, CheckValue){
    $.each($("#"+FormName+" input[type=checkbox]"), function(){
        $(this).attr("checked",CheckValue).checkboxradio("refresh");
    });
}

    Я удалил FieldName, потому что ваша функция называлась SetAllCheckBoxes, просто ваши поля ввода одинаковы. Вам просто нужно сказать, какая у вас форма и состояние ваших флажков.

    05.12.2012
  • Я понял это дело. Я опубликовал свой ответ, но спасибо за ваш ответ. 06.12.2012

    • 3

    Чтобы переключить/обновить флажки в jquery mobile, вам нужно использовать .prop, а не .attr.

    $("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");

    24.05.2016
    Новые материалы
    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..
    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..
    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...
    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..
    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..
    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..
    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...