Выбор флажков - PullRequest
       15

Выбор флажков

1 голос
/ 02 апреля 2012

У меня возникли проблемы с этим проектом, над которым я работаю.

У меня есть список различных флажков, которые представляют собой записи, извлеченные из базы данных с использованием PHP.

Теперь, когда я нажимаю один из этих флажков, я хочу, чтобы эта опция отображалась где-то еще. Я пытался заставить его работать с jQuery, но я не настолько опытен с этим, так что на самом деле я мало что могу сделать.

Ответы [ 3 ]

1 голос
/ 02 апреля 2012

На самом деле это делается с помощью AJAX.Но если вы знаете / хотите знать jQuery, вы должны знать об AJAX в jQuery.В jQuery вы должны вызвать функцию, связанную с событием click определенного идентификатора в флажке.Для простоты, давайте рассмотрим, что каждый уникальный идентификатор присваивается каждому флажку, после чего вы можете по отдельности вызвать событие Click jQuery, чтобы справиться с этим.

<script>
$(function(){

$("#yourid").click(function() {

//do what you want to do here if checkbox "yourid" is clicked
});

$("#yournextid").click(function(){

//do what your next event is.

});
});
</script>

Здесь 'yourid', 'yournextid' являются идентификаторами соответствующих флажков

0 голосов
/ 03 апреля 2012

Я исправил проблему, с которой столкнулся.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
    $('.checkbox').change(function(event){
        checked_value = $(this).val();          
        if(this.checked)
        {
                            $("#content").append("<div id='" + checked_value +"'>New value: " + checked_value + "</div>");

        }

        if( !this.checked )
        {
            $("#" + checked_value).remove(); 
        }

    });

            $('#checkall').change(function(){
                    $('.checkbox').attr('checked',$(this).attr('checked'))
            });

});
</script>   
    </head>
    <body>
    <input type="checkbox" id="cb1" class="checkbox" value='a' />
    <input type="checkbox" id="cb2" class="checkbox" value='b' />
    <input type="checkbox" id="cb3" class="checkbox" value='c' />

<div id="content"></div>
</body>
</html>

Код выше - то, что я сейчас использую.

Я не помню, откуда я его взял, но кредиты его соответствующим владельцам.

0 голосов
/ 03 апреля 2012

Сохранить скрытую переменную для хранения значений отмеченных флажков.

Как предполагает «шифр», упомяните событие onclick флажка для функции javascript. Передайте объект флажка в качестве аргумента.

В функции проверьте, установлен ли флажок или нет. Если флажок установлен, добавьте значение флажка к скрытой переменной. Если он не отмечен, удалите значение из скрытой переменной, если оно проверялось ранее.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...