Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Media query: display = none/inline/block

Media query: display = none/inline/block

Media query: display = none/inline/block

I use a media query to set the two columns of my table under each other on mobile devices:


@media screen and (max-width:610px) {td,tr {display:block;}} 

One row of the table contains two radio buttons to hide or show other rows (in class "m") in the table:


<td>Geeft u machtiging?</td>
<input type="radio" id="geenmachtiging" name="incassomachtiging" value="GeenMachtiging" onClick="hideM()" <?php if($input['incassomachtiging']=='GeenMachtiging'){echo "checked='checked'";}?>>
<label for="GeenMachtiging">Nee</label>
<input type="radio" id="machtiging" name="incassomachtiging" value="Machtiging" onClick="showM()" <?php if($input['incassomachtiging']=='Machtiging'){echo "checked='checked'";}?>>
<label for="Machtiging">Ja</label>

Function hideM works fine:


function hideM() 
const collection = document.getElementsByClassName("m");
for (let i = 0; i < collection.length; i++) 

However I cannot see how to let the opposite function showM set display to either "block" or "ïnline" depending on the device type.

RE: Media query: display = none/inline/block



function showM() 
  	const collection = document.getElementsByClassName("m");
  	if (screen.width>610)
		for (let i = 0; i < collection.length; i++) 
		for (let i = 0; i < collection.length; i++) 

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close