Search jQuery

jQuery Forum

Need help with code

in Using jQuery • 11 years ago

hello all, i'm working on a small project:
I have three checkboxes, when the checkboxes are selected, they show

I have functions for each checkbox each of them show 3 list items when selected using a variable to control them
var counteroftheitem = 3;

<div id="checkbox1">
<li>one item</li>
<li>two item</li>
<li>three item</li>
</div>
<div id="checkbox2">
<li>one item</li>
<li>two item</li>
<li>three item</li>
</div>
<div id="checkbox3">
<li>one item</li>
<li>two item</li>
<li>three item</li>
</div>
the help I need is to create an if statement that will show more items when checkbox 1+2 are selected or 2+3 are selected or 1+3 and if any are selected by themselves

thanks,

jav

Replies(13)

javivilch..

Re: Need help with code

11 years ago

this is what I came up with:

if($('input[id=checkbox1]').class == ""){
var counter1 = 6;
}
if($('input[id=checkbox2]').class == ""){
var counter2 = 6;
}
if($('input[id=checkbox3]').class == ""){
var counter3 = 6;
} else {
var counter1 = 3;
var counter2 = 3;
var counter3 = 3;
}

Now the question is, how do I pass these variables to another function that holds the counter name and action and how do I combine the three if statements in order to set checkbox1 + checkbox2 or checkbox3 to set different counter number?

charlietfl

Re: Need help with code

11 years ago

you could simplify this a lot by first giving your checkboxes a common class, and give the elements you are interacting with a common class

It's impossible to figure out what you are doing since your html has a set of ID's for <div>'s that are the same as ID's you use in jQuery selectors for <input>'s. ID's must be unique

Create a better demo with html for checkboxes and elements, can save it in jsfiddle.net if don't have live server. Give an explanation of what the various states are as well

javivilch..

Re: Need help with code

11 years ago

Ok.. I have created a jsfiddle.

here it is: http://jsfiddle.net/javivilchis/D5tUp/

I need help setting up the if statement for opening more items listed with a var parameter if 1 or more are unselected.
for instance, I have 3 items showing in the content area for each checkbox(refering to my fiddle) I will like to show more of another item in order to have 9 listed items at all times. However, if you try to click all of the items off, it will not let you. Instead, it will open another item and list 9 items of it.

help!

thanks,
jav

eyekanspe..

Re: Need help with code

11 years ago

I am confused at what you are trying to do here...

Are you trying to toggle the divs (that contain li elements) to display on and off? (this seems to work fine, although your jquery could be cleaned up...)
AND have a minimum defined amount of li elements showing then disabling from hiding li elements (grouped by divs) less than the minimum? (which is what I am guessing you are having problems doing)

javivilch..

Re: Need help with code

11 years ago

eyekanspele,
I'm trying to keep 1 item open if the other two are deselected. However, I don't know which one will be the one staying open, it would be up to the user to choose. Also, if that one item that stays open, I want to have more items in there to take up that height.
for instance, there are 3 sections and each section<div> contains 3 elements(content items inside the div). If one 1 item is deselected, have one or the other popuplate more elements inside it's div. and if 2 items are deselected, have the only section populate more items in its div.

does it make sense?

thanks,
jav

javivilch..

Re: Need help with code

11 years ago

OK,
I think that by switching to a function that has switch statement works best, this way I can combine the attributes. Now the question is how to send the variable count1 , count2 and count 3 to the function that populates the content of each <div id="checkbox1"><div id="checkbox2"><div id="checkbox3">

here is the fiddle:
http://jsfiddle.net/javivilchis/D5tUp/12/

any help will be appreciated. If you have any suggestions, please provide an example.

thanks,
jav

charlietfl

Re: Need help with code

11 years ago

this whole module seems far more complex than it ever needs to be.

What are the checkboxes for? Are they only there for your code convenience or do they serve another purpose?

Does container height matter, or max items visible?
Is it necessary to have individual items in separate containers for #1,#2 &#3? Why not put them all in main container and make classes of "content1, content2,content3"

I believe that with a decent description of what you are wanting to do (start to end) , and more specifics about visibility behavior, this whole thing could be drastically simplified

javivilch..

Re: Need help with code

11 years ago

I'm using api's that generate content which I cannot share. they populate text strings in list format and I have created containers for each api just to keep things from being complicated. I'm using checkboxes because I want to be able to select more than one in a combination.
those are the reasons behind this. If you have other thoughts or ideas on how to do this, pleas by all means show me how because i'm stuck.
thank you,
jav

javivilch..

Re: Need help with code

11 years ago

charlietfl> i just updated the jsfiddle: http://jsfiddle.net/javivilchis/D5tUp/13/
i show that it generates a list of items inside each container.

javivilch..

Re: Need help with code

11 years ago

ok. I just updated the example with a better one: http://jsfiddle.net/javivilchis/D5tUp/18/

I am trying to change the number of these variables:

function init1(){
content1 = 3;
}
init1();
function init2(){
content2 = 3;
}
init2();
function init3(){
content3 = 3;
}
init3();

with this switch statement:

$('label[for]').click(function(){

var one=$(this).content1; // this would be the variable content1 in function that populates checkbox1content.
var two=$(this).content2;// same as above
var three=$(this).content3;// same as above
var ff = $(this).attr('class');

  switch(ff)
  {

case 'one':
  alert("checkbox1");
  content1=10;
  break;

  case 'two':
  alert("checkbox2");
  content2 = 10;
  break;

  case 'three':
  alert("checkbox3");
  content3 = 10;
  break;

  default:
  break;
  }
  });

Please let me know if it makes sense

javivilch..

Re: Need help with code

11 years ago

sorry, here is the jsfiddle with the variable declaration on the bottom:
http://jsfiddle.net/javivilchis/D5tUp/19/

charlietfl

Re: Need help with code

11 years ago

see if this example helps. You said you wanted to be able to set a minimum number of items to display, which this one does except on page load because i really am uncertain how you want this to behave

http://jsfiddle.net/tuUkt/1/

javivilch..

Re: Need help with code

11 years ago

charlietfl>

that works beautifully. I think that this will work perfectly. I received a new direction after we looked at your example. Thank you. Now it's a matter of putting it into practice. I chose the checkboxes bcs I didn't know you could select multiple buttons with css. Now I know that you can do that and it works just as good as the checkboxes. Thank you very much for your help.

jav

Top Reply

Response title

Attachments

jQuery Forum

Need help with code

Replies(13)

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Re: Need help with code

Statistics

Tags

Actions