CODEWITHSUNDEEP
phpjquerycssjavascript
art
art

Reputation: 313

Disable button in a row table

I have a table with each rows have a Send Button:

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Address</th>
            <th>Button</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id="name"></td>
            <td>20</td>
            <td>Street AA</td>
            <td><a name="sendName" id="sendId" href="www.google.com">Send</a>
            </td>
        </tr>
        <tr>
            <td>Mr.XX</td>
            <td>20</td>
            <td>Street XX</td>
            <td><a name="sendName" id="sendId" href="www.google.com">Send</a>
            </td>
        </tr>
        <tr>
            <td>Mr.YY</td>
            <td>20</td>
            <td>Street YY</td>
            <td><a name="sendName" id="sendId" href="www.google.com">Send</a>
            </td>
        </tr>
    </tbody>
</table>

Preview

All values in that table I get from database. So what I want to do is, when the NAME value is empty, the send button will be disabled based on its row table.

Upvotes: 0

Views: 1225

Answers (4)

Sohil Desai
Sohil Desai

Reputation: 2988

you can try this jquery code for that you you need to include jquery library

<script>
$(document).ready(function(e){
    var objTR = $("table tr");
    for(var i = 0; i < objTR.length; i++)
    {
        var objCols = $(objTR[i]).children();
        var name = objCols[0].innerHTML;
        if(name == "")
            $(objCols[3]).find("a").removeAttr("href");
    }
});
</script>

Upvotes: 0

vanurag
vanurag

Reputation: 297

Try the Below example code on send link :

<?php if($row['NAME']==''){ echo 'Send' } else{?> <a name="sendName" id="sendId" href="www.google.com">Send</a> <?php }?>

Upvotes: 0

mplungjan
mplungjan

Reputation: 177691

You really need to not put the button there if the database returns an empty name instead of removing it after. Something like

<a name="sendName" id="<? echo "id".&name; ?>" 
<? if (&name!="") echo 'href="#"'; ?>>Send</a>

or 

<? if (&name=="") { ?>
  <span>Send</span>
<? } else { ?>
  <a name="sendName" id="<? echo "id".&name"; ?>" href="#">Send</a>
<? }  ?>

Upvotes: 1

Tobias Golbs
Tobias Golbs

Reputation: 4616

Since you have no input values i do not quite understand why you want to use javascript for a task like this. If the value is empty simply do not display the link at all. Or remove the href-attribute add a css class and style the link different.

//disabled link
<a name="sendName" id="sendId">Send</a>

I don't know if this was a copy/paste error but you use the same ID sendID on all links.

Upvotes: 1

Related Questions