Форум

ureech · #1 (**permalink**) 30.07.2016, 18:33

Всем привет.

<style>.ajax{display:none}</style>

<a class="ajax ajax_del" href="javascript:;">Delete</a>
<input type="checkbox" name="self_del[]" id="0" value="0">
<input type="checkbox" name="self_del[]" id="1" value="0">
<input type="checkbox" name="self_del[]" id="2" value="0">

Нужно при checked показать ссылку, если убрать галочку скрыть.

$("input[name='self_del[]']").on('click',function(){
var id = $(this).attr('id');
if($(this).prop("checked"))
$('.ajax_del').show()
else
$('.ajax_del').hide();
})

Но так не работает как надо.Те, если отмечу два чекбокса, а потом снимаю на одном галочку, то и ссылка скрывается.Подскажите как прописать правильно условие.

рони · #2 (**permalink**) 30.07.2016, 19:45

ureech,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">.ajax{display:none}</style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
var inp = $("input[name='self_del[]']")
inp.on('click',function(){

$('.ajax_del').toggle(inp.is(":checked"))

})

});
  </script>
</head>

<body>


<a class="ajax ajax_del" href="javascript:;">Delete</a>
<input type="checkbox" name="self_del[]" id="0" value="0">
<input type="checkbox" name="self_del[]" id="1" value="0">
<input type="checkbox" name="self_del[]" id="2" value="0">


</body>
</html>

ureech · #3 (**permalink**) 30.07.2016, 20:36

Спасибо, большое, а то я что только не перепробовал.

Форум

Справочник

Discord чат

Курсы javascript