Как скрыть элемент если value равно определенному значению?

Question

[Сергей Евдаров]

Ребята совсем нуб в JAVASCRIPT помогите:
есть код:

<label id="cargo_weight">
<input type="checkbox" name="permission[modify][]" value="customer/customer">customer/customer</label>

Как скрыть этот label если его value ="customer/customer" ?

Answer 1

[Антон Шаманов]

для этого даже js не нужен
input[value ="customer/customer"] {display:none}

Comments

[Dark Hole]

Вы скрыли input, а не label

[Сергей Евдаров]

Dark Hole, ага, а вот как весь label скрыть?

[Антон Шаманов]

Dima Polos, учи мат часть перед тем как писать что-то

[Антон Шаманов]

Сергей Евдаров, тут уже конечно js нужен, могу на jquery написать

[Dima Polos]

Антон Шаманов, тише не ругайся, не вник, мне показалось, что они на одном уровне вложенности... Ну да, и сосед слева, не сработает.. не прав.

Answer 2

[Dark Hole]

var lab = document.getElementById('cargo_weight')
var el = lab.getElementsByTagName('input')[0];
if(el.getAttribute('value') == "customer/customer") {
	lab.style.display = 'none';
}

Впрочем, сразу же замечу, что он не отслеживает изменения value
P.S. Сначала выучите, потом пишите :D

Comments

[Сергей Евдаров]

не пашет. код вписал в конце страницы:

<script type="text/javascript">
var lab = document.getElementById('cargo_weight')
var el = lab.getElementsByTagName('input')[0];
if(el.getAttribute('value') == "customer/customer") {
  lab.style.display = 'none';
}
</script>

[Dark Hole]

Сергей Евдаров, https://jsfiddle.net/dvwfhwuh/
На данном фиддле пашет, проблема на вашей стороне

[Сергей Евдаров]

Dark Hole, действительно там работает, а у меня нет, нечего не могу понять ((((((((((((

[Dark Hole]

Сергей Евдаров, посмотрите ошибки в консоле

Answer 3

[Dima Polos]

$('input[value ="customer/customer"]').on('change', function(){$(this).parrent().hide();}

или так:

var check = document.querySelector('input[value ="customer/customer"]');
  check.addEventListener('change', function(){
    this.parentElement.style.display = 'none';
  });

Comments

[Сергей Евдаров]

не пашет

[Dima Polos]

Сергей Евдаров, https://jsfiddle.net/dimovich85/ubfbp4oz/

[Dima Polos]

var check = document.querySelector('input[value ="customer/customer"]');
console.log(check);
  check.addEventListener('change', function(){
   console.log('this.parentElement: ' + this.parentElement + '<br> this.value: ' this.value + '<br> this: ' + this);
    this.parentElement.style.display = 'none';
  });

Вставь этот код, перезагрузи страницу, попробуй кликнуть по чекбоксу, а затем открой консоль в девтулз и посмотри, что пишет.

[Сергей Евдаров]

Dima Polos, Работает скрывает, но только при нажатии на этот элемент, а мне нужно что бы если значение value равно тексту: customer/customer, элемент прятался.