Скрыть ссылку при checked.
Всем привет.
<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();
})
Но так не работает как надо.Те, если отмечу два чекбокса, а потом снимаю на одном галочку, то и ссылка скрывается.Подскажите как прописать правильно условие. |
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>
|
Спасибо, большое, а то я что только не перепробовал.
|
| Часовой пояс GMT +3, время: 11:58. |