How to have a link in checkbox label?

1

It is common to have some licence link in a checkbox which must be agreed during registration.

I tried both ionCheckbox and the following, but both failed as the link is not clickable at all. How should I get it?

<label class="item item-checkbox item-checkbox-right">
          <span class="input-label">agree</span>
          <a href="#/licence.html">the licence</a>
          <label class="checkbox">
            <input type="checkbox" ng-model="agree">
          </label>
        </label>
1 Like
2

Inspired by mhartington,
I figure out I should replace the outer label element with div.
And then the link is clickable.

However, the link shows in a new line…

3

Hows this?

2 Likes
4

It seems the link is not clickable :frowning:

5

derp, thats why we weren’t using labels… hold on

6

You could just do this.

<span>agree    <a href="#/licence.html">the licence</a></span>
7

Then it is not clickable again.

8

I have the same problem

9

You could do this.

This solution works for both the directive and the pure html.

10

Thank you, @mhartington. It works.
It will be great If the checkbox span is also clickable.
Anyway, it works :wink:

11

This seems to be broken in beta 11. Any other suggestions?

12

@mhartington The link is not clickable again with ionic nightly.

13

This solution doesn’t work in beta 14 ? Can help?

14

This will work as long as you don’t use the directive

3 Likes
15

Actually I am using the directive…
Thank you for help! :slight_smile: I will try~

16

thanks! you helped me out a lot

17

How I can achieve that with ionic 4? Thanks!