brilliant, thank you, those images are exactly what I was looking for when I stumbled on both the posts you linked.

a little bit shorter

- (IBAction)checkboxButton:(id)sender{

checkboxButton.selected = !checkboxButton.selected;

}

Nice!! Keep posting more examples like this…

I went through your code, but I am unsure how you change the state of the button when clicked. can you give me a clue?

Thx

- (IBAction)checkboxButton: is what gets called when the button is clicked. [checkboxButton setSelected:YES]; is what sets the “selected” state of the button. Eugene provides a more straightforward method of selecting and deselecting a button, but that (as far as I can tell) doesn’t allow you to call a separate function based on whether or not the button is selected.

There is good a news and there is a bad news.
Well. Your code works.
Bad News: It does not work if you want to control the state your self or like me I do not have nib file.
setImage function only works where you are not controlling the state of the button. Out of option. We can’t use it.
Next question: Do you want 2 stage/ 3 stage or even 4 stage button. Your code works with 3 stages.
But I need 2 stages so (I do not have nib file so I have to add at loadview) and create
@property (assign) BOOL isOn; in your SomenameViewController class

- (void)loadView
{
UIButton* Chkbutton = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f,40.0f, 40.0f)];
[Chkbutton setBackgroundImage:[UIImage imageNamed:@"SomeImageOff.png"] forState:UIControlStateNormal];
[Chkbutton setCenter:CGPointMake(someValue)];
[contentView addSubview: rhsbutton];
[rhsbutton addTarget:self action:@selector(toggleButton:) forControlEvents: UIControlEventTouchUpInside];
[Chkbutton release];
}

- (void) toggleButton: (id) sender
{
isOn = !isOn;
UIButton* Chkbutton = (UIButton*) sender;
if (isOn == NO)
[Chkbutton setBackgroundImage:[UIImage imageNamed:@"SomeImageOff.png"] forState:UIControlStateNormal];
else
[Chkbutton setBackgroundImage:[UIImage imageNamed:@"SomeImageOn.png"] forState:UIControlStateNormal];
}

for 3 or 4 stage button please check The iPhone Developer’s Cookbook Toggle Button Example.

-Agha

Thank you!

I would ask why you aren't using the built-in UISwitch control, which is a common control which provides the same capability. While the checkbox is a commonly understood control to many, I think it will look and feel out of place on the device — the switch the right thing to use I would venture to say.

Yes, UISwitch is definitely the preferred choice for sticking with Apple's UI, etc. But sometimes… SOMETIMES, it's just a bit too big. 320×480 starts to feel pretty small at times!

Thanks for help – just what I needed

Hey are we allowed to use these checkbox images? If not how can we get permission?

Yes, feel free to use the images.

Thanks a lot!

hi,
i have one view, in that i put i take one round rect button .And i have check box images in resources folder.i given connections correcltly,but it would not work .click method is not working.

Without more detail I wouldn't be able to know what's going on. If you want to email me your project, I could have a look at it: mike [at] weheartgames dot com

[...] mag eigenlijk niet. Toch kom je het weleens tegen in Apps: een checkbox. Hier zie je een uitstekende beschrijving hoe je dat kan [...]

Awesome idea. Thanks so much

Awesome idea. Thanks so much

- (IBAction)checkboxButton:(UIButton *)button{
button.selected = !button.selected;
}

Nice Post!
Just to clarify – the checkboxSelected variable should be set to be equal (=) to 0 in the viewDidLoad Controller and not compared to 0 (==) ? :

- (void)viewDidLoad {
checkboxSelected == 0; // <–this one to become => checkboxSelected = 0;
[super viewDidLoad];
}

Regards,
Mirrorps

very good tutorial . definately it will help us

Thanks

Beautiful…easy
Thanks!

Thank you for the good tutorial.
I was looking for the button images. Great!

If you get errors using this [sender setSelected:![sender isSelected]]; works too.

yeah its prety good

I just stumbled upon this page in search of a good checkbox and this was exactly what I was looking for. I decided to implement this without IB and Andrew's tip is definitely what you need to use. Thanks Mike for the great tutorial and thanks Andrew for the tip!

hi

this is also pretty good…….

hi friend,

checkbox example is more helpful for me.

I am also new to iphone development and can u please tell me hoe to play the streaming video from url
if you know this how to do please let me know
thanks in advance……

Can I use your checkbox pictures in my app?

Yes, you can use them.

Thanks for starting this thread – to simplify Agha’s post with your project I have modified your checked code to

-(IBAction)setChecked:(id)sender{
if([sender isKindOfClass:[UIButton class]]){
UIButton *tmpButton = sender;

if(!tmpButton.selected){
[sender setSelected:YES];
}
else{
[sender setSelected:NO];
}
}

}

how can you implement more than one? I copied the code and called it button 2 and when the second button is pressed, the first gets highlighted, it is not connected to the first button either.

Help,

Email, tom_tatrials@hotmail.co.uk

Thanks

If using more than one, change all the names and variables so that they’re unique:
checkboxButton would be checkbox1Button, checkbox2Button, etc.
checkboxSelected would be checkbox1Selected, checkbox2Selected, etc.

I cannot get it to work. When you click on the button, it doesn’t change… I went thru all of your code and placed it in the appropriate places and the links are there for the outlets. It acts as if it doesn’t know to change the image to the other image. Does it do it in the XIB or the code?

works for me…

Is it the downloaded sample project that isn’t working for you? Or your own project. Are both the Outlets *and* Actions linked correctly?

Thanks…. it works……

Thank you for posting this. 

Just what I needed. 

And thanks to those who suggested improvements as well.

Dave.

I do have one question….

There are TWO pressed states, one when enabling and one when disabling.

When enabling it shows checkbox-pressed – all ok so far.

When de-selecting – it inverts the CONTENTS of the checkbox. Th corners seem to stay white.

This has me baffled. I have been trying to build a radio button based on this idea 
and the entire square is grayed when you press to deselect.

I know it must be something pretty simple that I am missing like transparency (or choice of shape or something) but could you put me out of my misery and let me know?

Thanks,
Dave.

I do have one question….

There are TWO pressed states, one when enabling and one when disabling.

When enabling it shows checkbox-pressed – all ok so far.

When de-selecting – it inverts the CONTENTS of the checkbox. Th corners seem to stay white.

This has me baffled. I have been trying to build a radio button based on this idea 
and the entire square is grayed when you press to deselect.

I know it must be something pretty simple that I am missing like transparency (or choice of shape or something) but could you put me out of my misery and let me know?

Thanks,
Dave.

where to set the image if the button clicked

This is how I done it, works for me:

- (void)viewDidLoad {
 
    // create a checkbox
    UIButton* chkbox = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f,40.0f, 40.0f)];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox.png"] forState:UIControlStateNormal];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox-pressed.png"] forState:UIControlStateHighlighted];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox-checked.png"] forState:UIControlStateSelected];
    [chkbox setCenter:CGPointMake(100,200)];
    [scrollView addSubview: chkbox];
    [chkbox addTarget:self action:@selector(ToggleCheckBox:) forControlEvents: UIControlEventTouchUpInside];
    [chkbox release];
    [super viewDidLoad];
}

- (IBAction)ToggleCheckBox:(UIButton *)button{
    button.selected = !button.selected;
}

This is how I done it, works for me:

- (void)viewDidLoad {
 
    // create a checkbox
    UIButton* chkbox = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f,40.0f, 40.0f)];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox.png"] forState:UIControlStateNormal];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox-pressed.png"] forState:UIControlStateHighlighted];
    [chkbox setBackgroundImage:[UIImage imageNamed:@"checkbox-checked.png"] forState:UIControlStateSelected];
    [chkbox setCenter:CGPointMake(100,200)];
    [scrollView addSubview: chkbox];
    [chkbox addTarget:self action:@selector(ToggleCheckBox:) forControlEvents: UIControlEventTouchUpInside];
    [chkbox release];
    [super viewDidLoad];
}

- (IBAction)ToggleCheckBox:(UIButton *)button{
    button.selected = !button.selected;
}

I am getting very frustrated with this. I have got more than one tick box, when loaded up in simulator, i have a line of buttons. The FIRST one I click is a ‘one tap’ button while all the others after the first one are ‘double tap’ buttons.

No matter which one you click first when the app is loaded its always one tap then the others are double. Can anyone help me out?

That doesn’t work, the code errors out. I can change the checkbox names but checkbox selected cannot be changed. 

Can you add another button to your code so we know exactly how to do it please?

Thanks,

Thanks, this helped me.