Multiple Attribute Selector checkbox

Question

So I've got these labels with input checkboxes in it. Now after submit and the form is not accepted it returns here and I want it to select the previous selected box.

<label class="choice" data-id="1"><input type="checkbox" name="group1" value="use your apple1">use your apple<span class="left" ></span></label>
<label class="choice" data-id="1"><input type="checkbox" name="group1" value="Zo maak je van onbekenden klanten1">Zo maak je van onbekenden klanten<span class="left" ></span></label>
<label class="choice" data-id="1"><input type="checkbox" name="group1" value="Multi media feest">Multi media feest<span class="left" ></span></label>

<label class="choice" data-id="4"><input type="checkbox" name="group4" value="Pretwerk OPTIE!">Pretwerk OPTIE!<span class="left" "></span></label>
<label class="choice" data-id="4"><input type="checkbox" name="group4" value="use your apple4">use your apple<span class="left" "></span></label>
<label class="choice" data-id="4"><input type="checkbox" name="group4" value="Snelheid is geld4">Snelheid is geld<span class="left" "></span></label>
<label class="choice" data-id="4"><input type="checkbox" name="group4" value="Fotograferen met je iPhone">Fotograferen met je iPhone<span class="left" "></span></label>

I've already used a hidden field etc. So I've got the returned value of the previously input.

var first = "<?php echo $first ?>";
//in this case I make first the value 'use your apple1'
$("[name$=group1][value=" + first + "]").prop("checked", "true");

So now it should check the box use your apple in group1 But i get the error

jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: [name$=group1][value=use your apple1]

first variable is an empty string, [value=] is causing the error..... and not name$ it's valid... attribute ends with selector.. either provide quotes $("[name$=group1][value='" + first + "']") — Pranav C Balan
– Pranav C Balan, Commented Jun 7, 2016 at 10:06
no @guradio i tried using name, but it doesn't work. Looked online somewhere someone used name$ and it worked for me — StabDev
– StabDev, Commented Jun 7, 2016 at 10:07
Note that your HTML is invalid as you have some extra mis-matched double quotes in the span elements — Rory McCrossan
– Rory McCrossan, Commented Jun 7, 2016 at 10:10
@guradio, name$ is valid attribute selector(attribute starts with) — Rayon
– Rayon, Commented Jun 7, 2016 at 10:10

Ankur Bhadania · Accepted Answer · 2016-06-07 10:19:38Z

2

Add the Single quotes (') value=" + first + "]" to value='" + first + "']"

var first = "<?php echo $first ?>";
//in this case I make first the value 'use your apple1'
$("[name$=group1][value='" + first + "']").prop("checked", "true");

$(document).ready(function(){
		var first = "use your apple1";
//in this case I make first the value 'use your apple1'
$("[name$=group1][value='" + first + "']").prop("checked", "true");
		
		//console.log(str);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="choice" data-id="1"><input type="checkbox" name="group1" value="use your apple1">use your apple<span class="left" ></span></label>
<label class="choice" data-id="1"><input type="checkbox" name="group1" value="Zo maak je van onbekenden klanten1">Zo maak je van onbekenden klanten<span class="left" ></span></label>
<label class="choice" data-id="1"><input type="checkbox" name="group1" value="Multi media feest">Multi media feest<span class="left" ></span></label>

<label class="choice" data-id="4"><input type="checkbox" name="group4" value="Pretwerk OPTIE!">Pretwerk OPTIE!<span class="left" "></span></label>
<label class="choice" data-id="4"><input type="checkbox" name="group4" value="use your apple4">use your apple<span class="left" "></span></label>
<label class="choice" data-id="4"><input type="checkbox" name="group4" value="Snelheid is geld4">Snelheid is geld<span class="left" "></span></label>
<label class="choice" data-id="4"><input type="checkbox" name="group4" value="Fotograferen met je iPhone">Fotograferen met je iPhone<span class="left" "></span></label>

edited Jun 7, 2016 at 10:19

answered Jun 7, 2016 at 10:08

Ankur Bhadania

4,1681 gold badge25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

StabDev Over a year ago

Thanks fixed it. I'll accept answer as soon as I can

Rayon Over a year ago

You are suppose to provide reason.. May be attribute value is having space is the reason!

Angel ofDemons · Accepted Answer · 2016-06-15 14:39:25Z

-1

Change this

$("[name$=group1][value=" + first + "]").prop("checked", "true");

to this

$("input[name=group1][value=" + first + "]").prop("checked", "true");

edited Jun 15, 2016 at 14:39

Angel ofDemons

1,2678 silver badges13 bronze badges

answered Jun 7, 2016 at 10:08

phreakv6

2,1651 gold badge11 silver badges11 bronze badges

1 Comment

Rory McCrossan Over a year ago

This is logically identical to what the OP already has. Why it was upvoted I have no idea.

Collectives™ on Stack Overflow

Multiple Attribute Selector checkbox

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related