JQuery - go down with selector name

Question

I created this code:

$("input[name*='Gridview1$ctl02']").each(function () {
   if(this.type == 'checkbox'){
       if(this.checked == true){
           alert("test")
        }
       else
        {
           alert("test2")
        }
    }
})

Its good when I write this $("input[name*='Gridview1$ctl02']") but I need array of ct101,ct102,ct103

I need Something like this:

$("input[name*='Gridview1']").find("ct").each ...

You are finding ct character which is present in name ? Which won;t work by find method. Find search for element inside the main element. — Vivek Tankaria, Jun 26 '15 at 12:33
The mark-up you've posted would suggest that `$("input[name*='Gridview1$ct1']")` would meet your needs? — David Thomas, Jun 26 '15 at 12:34
Can't you use a "begins with" selector, like `input[name^="Gridview1$ct"]`? http://stackoverflow.com/questions/5002966/jquery-or-css-selector-to-select-all-ids-that-start-with-some-string — Mark Leiber, Jun 26 '15 at 12:36

score 4 · Accepted Answer · answered Jun 26 '15 at 12:38

4

You can simple create a selector to match any element where their name starts with Gridview1:

$("input[name^='Gridview1']").each(function () {if(this.type == 'checkbox'){if(this.checked == true){alert("test")}else{alert("test2")}}})

Alternative if you want only text inputs:

$("input[name^='Gridview1'][type='text']").each(function () {if(this.type == 'checkbox'){if(this.checked == true){alert("test")}else{alert("test2")}}})

answered Jun 26 '15 at 12:38

Alex Char

32,879
9
49
70

1

I will give you points for your time but Mark gave correct answer. Thanks :) – Rafał Developer Jun 26 '15 at 12:43

Shomz · Answer 2 · 2015-06-26T12:51:58.447

3

Something like this should match all the names you require AND those that are checked checkboxes:

$("input[name^='Gridview1$ctl'][type='checkbox']:checked")

See it here (it will alert names of checked checkboxes after you hit Test):

function test() {
  $("input[name^='Gridview1$ctl'][type='checkbox']:checked").each(function() {
    alert($(this).attr('name'));
  })
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="Gridview1$ctl01" />
<input type="text" name="Gridview1$ctl02" />
<input type="checkbox" name="Gridview1$ctl03" />
<button onclick="test()">Test</button>

edited Jun 26 '15 at 12:51

answered Jun 26 '15 at 12:46

Shomz

37,421
4
57
85

You're welcome. I see you got all the answers by the time I finished writing mine so I updated it to show you how to do everything with a single selector. – Shomz Jun 26 '15 at 12:54
1

Thanks one more time :) – Rafał Developer Jun 26 '15 at 12:55

JQuery - go down with selector name

2 Answers2