check checkbox checked inside table [Answered]RSS

2 replies

Last post Jul 02, 2019 02:33 AM by Wei Zhang

‹ Previous Thread|Next Thread ›

Shortcuts

zhyanadil.it...

Member

30 Points

195 Posts

check checkbox checked inside table

Jul 01, 2019 12:39 PM|zhyanadil.it@gmail.com|LINK

i want to check if second column value is True checkbox of first column checked if false not checked

<table>
<tr>
<td><input type="checkbox"></td>
<td><input type="text" value="True"></td>
<tr>

<tr>
<td><input type="checkbox"></td>
<td><input type="text" value="Flase"></td>
<tr>

<tr>
<td><input type="checkbox"></td>
<td><input type="text" value="True"></td>
<tr>
</table>

- Reply
mgebhard
All-Star

40821 Points

17104 Posts

Re: check checkbox checked inside table

Jul 01, 2019 01:18 PM|mgebhard|LINK

There are too many issues with the code shown to guess what you are doing. The code is missing Ids and names and has a typo. Secondly do you really want values of True and False? As written, it is difficult to map the check mark to a column or property name. Can you provide a high level overview of what you are trying to do?

Is there anyway, you can post a better example of what you are trying to do?

Wei Zhang

Participant

1210 Points

501 Posts

Re: check checkbox checked inside table

Jul 02, 2019 02:33 AM|Wei Zhang|LINK

Hi zhyanadil.it@gmail.com,

According to your description,I suggest that you could use jquery to accomplish your requirement.Here is the demo, I hope it could help you.

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-3.3.1.js"></script>
    <script>
        $(function () {
//find all text control in table            
            var texts = $("#table1").find('input[type=text]');
//if text of text control is true ,find the checkbox and set as checked
            texts.each(function () {

                if ($(this).val().trim() == "True") {
                    $(this).parent().siblings().children().prop('checked',true);
                   
                }



            })
           
          

        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table id="table1" style="width: 100%;">
                <tr>
                    <td><input type="checkbox"/></td>
                    <td><input type="text" value="True" /></td>
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td><input type="text" value="False" /></td>
                    
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td><input type="text" value="True" /></td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

It shows as below:

Best Regards

Wei

‹ Previous Thread|Next Thread ›