Форум

Ridzhi · #1 (**permalink**) 27.06.2013, 16:39

Друзья, разрешите, пожалуйста, спор средненького разработчика со своим руководителем.
Задача: Сделать что то, если конкретный чекбокс("#cb") выбран или нет.
Проголосуйте пожалуйста за вариант, который считаете лучше(по любой шкале).
1.

if($("#сb:checked").length) {
// делаем что то
}

2.

if($("#сb").attr('checked')) {
// делаем что то
}

mta88 · #2 (**permalink**) 27.06.2013, 16:47

ничего выбирать не буду
на вашем месте просто бы протестировал оба куска кода на всех возможных браузерах
было бы быстрее и надежнее

Deff · #3 (**permalink**) 27.06.2013, 16:54

if($("#сb")[0].checked){
  alert("Выбран");
}

melky · #4 (**permalink**) 27.06.2013, 19:26

оба варианта не нравятся

$("#сb").is(":checked")

вот это более понятно

I.V.A.N · #5 (**permalink**) 27.06.2013, 21:45

мне первый вариант понравился...
хотя второй понятнее...

vadim5june · #6 (**permalink**) 27.06.2013, 22:02

а помоему...главное чтоб мышей ловила

рони · #7 (**permalink**) 27.06.2013, 22:10

свойство checked булевого типа а атрибут checked строка квери рекомендует .prop('checked')

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>

<body>
  <input id="сb" name="" type="checkbox" checked="checked">
  <script>
  alert([$("#сb:checked").length,$("#сb").attr('checked'),$("#сb")[0].checked,$("#сb").prop('checked'),$("#сb").is(":checked")]);
  </script>
</body>
</html>

ruslan_mart · #8 (**permalink**) 28.06.2013, 04:55

Самый наилучший вариант:

document.getElementById('cb').checked

danik.js · #9 (**permalink**) 28.06.2013, 05:32

Первый вариант не интуитивный.
Либо второй, но с поправкой рони, то есть не attr() а prop() , либо вариант melky - этот так совсем выглядит логичным, но лично меня смущает двойной вызов разборщика селектора, хотя конечно глупо считаться с такой мелочью ))

Сообщение от mta88

на вашем месте просто бы протестировал оба куска кода на всех возможных браузерах

Это бессмысленно. jQuery уже обеспечивает кроссбраузерную работу.

mta88 · #10 (**permalink**) 28.06.2013, 06:49

Сообщение от danik.js

Это бессмысленно. jQuery уже обеспечивает кроссбраузерную работу.

но ведь у топикстатера же появились сомнения

я хотел их развеять
моя настоящая ошибка в том, что я забыл про различия 'attr' и 'prop'

Форум

Справочник

Discord чат

Курсы javascript