Как при значении value управлять checkbox?

Question

[Анастасия]

$(".update").click(function() {
            if ($("#top").val('notop')) {
                $('input[name="top"]').attr('checked', false);
            } else {
                $('input[name="top"]').attr('checked', true);
            }
        });

При нажатии на кнопку, если input имеет value "notop", нужно чтобы checked был false.
Почему мой код не работает?

Comments

[Пашенька]

Потому что вы неправильно используете value. value не принимает никаких аргументов, это свойство возвращает значение, которое оно содержит, следовательно нужно сравнить это значение с тем значением, что вы хотите: if ($('#top').val() === 'notop')

Answer 1

[Stockholm Syndrome]

$('.update').click(function() {
  $('input[name="top"]').prop('checked', $('#top').val() !== 'notop');
});

Comments

[Анастасия]

Как-то странно оно работает.
У меня в базе данных есть две строки category и "text". В строке category записано" top" или" notop"
Значение category передается в input value.
Все выводимые данные c строки "text" имеют кнопку с классом .update
Код правильный, но работает он таким способом: я нажимаю первый раз на кнопку". update" где value= notop- ничего не происходит. Я нажимаю второй раз кнопку". update" где value= notop- происходит написанный вами скрипт.

$(document).ready(function() {
            fetchUser();
            function fetchUser() {
                var action = "select";
                $.ajax({
                    url: "select.php",
                    method: "POST",
                    data: {
                        action: action
                    },
                    success: function(data) {
                        $('#category ').val('');
                        $('#text').val('');
                        $('#action').text("Add");
                        $('#result').html(data);
                    }
                });
            }
$(document).on('click', '.update', function() {
                var id = $(this).attr("id");
                $('input[name="top"]').prop('checked', $('#top').val() !== 'notop');
                $.ajax({
                    url: "fetch.php",
                    method: "POST",
                    data: {
                        id: id
                    },
                    dataType: "json",
                    success: function(data) {
                        $('#action').text("Edit");
                        $('#user_id').val(id);
                        $('#category ').val(data.category );
                        $('#text').val(data.text);
                    }
                })
            });

[Stockholm Syndrome]

Анастасия, без разметки ничего не понятно
если у вас несколько таких элементов, то этот код не будет работать

[Анастасия]

Stockholm Syndrome, Да, у меня их больше 10

[Stockholm Syndrome]

Анастасия, и где же разметка?

[Анастасия]

Stockholm Syndrome,
Форма в которую при нажатии на кнопку .update должны попадать данные:

<form action="">
<input type="text" placeholder="Text" class="input_to_text" name="text" id="text"><br>
<label class="switch">
<input type="checkbox" name="category" id="category">
<span class="slider round"></span>
</label>
<div>
<input type="hidden" name="id" id="user_id" />
<button type="button" name="action" id="action" class="publish"></button>
</div>
</form>

Вывод кнопки .update:

while ($row = mysqli_fetch_array($result)) {
    $output .= '  
<div class="getpost_name">
    <p>' . $row["text"] . '</p>
</div>
<div>
    <button type="button" name="update" class="update" id="' . $row["id"] . '"></button>
</div>
     ';
}

Обработчик который при нажатии кнопки .update записывает данные в базу

if ($_POST["action"] == "Edit") {
     $text = mysqli_real_escape_string($connect, $_POST["text"]);
     $category = mysqli_real_escape_string($connect, $_POST["category"]);
     $procedure = "  
           CREATE PROCEDURE updateProject(IN user_id int(11), text varchar(250), category varchar(250))  
           BEGIN   
           UPDATE projects SET text = text, category = category
           WHERE id = user_id;  
           END;   
      ";
     if (mysqli_query($connect, "DROP PROCEDURE IF EXISTS updateProject")) {
          if (mysqli_query($connect, $procedure)) {
               $query = "CALL updateProject('" . $_POST["id"] . "', '" . $text . "', '" . $category . "')";
               mysqli_query($connect, $query);
               echo 'Data Updated';
          }
     }
}

Скрипты которые передают данные в оброботчик я написала выше
Спасибо)