javascript - How to hide table row has unchecked input using jquery -

-

i'm trying filter when button pressed show row has checked input in table.

<table class="table">     <tr>         <th>name</th>         <th>inuse</th>         <th></th>     </tr>     <tr>         <td>foo 1</td>         <td>             <input checked="checked" class="check-box" disabled="disabled" type="checkbox" />         </td>         <td>             <a href="/additivesnames/edit/5">edit</a> |             <a href="/additivesnames/details/5">details</a> |             <a href="/additivesnames/delete/5">delete</a>         </td>     </tr>     <tr>         <td>foo 2</td>         <td>             <input checked="checked" class="check-box" disabled="disabled" type="checkbox" />         </td>         <td>             <a href="/additivesnames/edit/3">edit</a> |             <a href="/additivesnames/details/3">details</a> |             <a href="/additivesnames/delete/3">delete</a>         </td>     <tr/>     <!-- not checked -->     <tr>         <td>foo 3</td>         <td>             <input class="check-box" disabled="disabled" type="checkbox" />         </td>         <td>             <a href="/additivesnames/edit/5">edit</a> |             <a href="/additivesnames/details/5">details</a> |             <a href="/additivesnames/delete/5">delete</a>         </td>     </tr> </table>

you can use :has selector or .has() method checking existence of element in parent.

$("button").click(function(){      $("table tr").has(".check-box:not(:checked)").hide();  });
table, tr, td {      border: 1px solid black;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <table>      <tr>          <th>name</th>          <th>inuse</th>      </tr>      <tr>          <td>foo 1</td>          <td>              <input class="check-box" type="checkbox" checked disabled  />          </td>      </tr>      <tr>          <td>foo 2</td>                            <td>              <input class="check-box" type="checkbox" disabled  />          </td>      </tr>      <tr>          <td>foo 3</td>                            <td>              <input class="check-box" type="checkbox" checked disabled  />          </td>      </tr>      <tr>          <td>foo 4</td>                            <td>              <input class="check-box" type="checkbox" disabled  />          </td>      </tr>  </table>  <button>only checked</button>

you can test code on full of html in demo


Comments

Post a Comment

Popular posts from this blog

Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12:test (default-test) on project.Error occurred in starting fork -

-
i searched on internet provided answers did not in building project. the error starting fork. tried following methods: mvn clean install -u when searched, people said because of java 7 , should work java 6. using java 6 only. some said set surefire plugin this: <groupid>org.apache.maven.plugins</groupid> <artifactid>maven-surefire-plugin</artifactid> <version>2.5</version> <configuration> <skiptests>false</skiptests> <testfailureignore>true</testfailureignore> <forkmode>once</forkmode> </configuration> the actual error is: [error] failed execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12:test (default-test) on project junitcategorizer.instrument: error occurred in starting fork, check output in log -> [help 1] org.apache.maven.lifecycle.lifecycleexecutionexception: failed execute goal org.apache.maven.plugins:maven-surefire-plugin:2...
Read more

windows - Debug iNetMgr.exe unhandle exception System.Management.Automation.CmdletInvocationException -

-
i fired windows 7 machine today , attempting start intemgr.exe process terminates immediately. started process under debugger. seems process terminating following exception: system.management.automation.cmdletinvocationexception . dumping exceptions on heap yields following results. heap has few more exception listed below. so based on research exception happens when cmdlet encounters terminating error. method call before processrecord(). provides record-by-record processing functionality cmdlet. windows powershell runtime calls method multiple times each instance of cmdlet in pipeline. how can inspect pipeline debugger? exception object: 0000000002702940 exception type: system.management.automation.itemnotfoundexception message: cannot find path 'c:\windows\system32\windowspowershell\v1.0\modules\applicationserver\applicationserver.dll' because not exist. innerexception: <none> stacktrace (generated): sp ip function 000000001...
Read more

android - CoordinatorLayout, FAB and container layout conflict -

-
Image
i have main activity drawer have container layout replace each fragment fragmentmanager . i want add fab 1 of child fragments hide/show on scroll im not sure im doing wrong , get: layout: <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.coordinatorlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.appbarlayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:fitssystemwindows="true" android:theme="@style/themeoverlay.appcompat.dark.actionbar"> <android.support.v7.widget.toolbar android:id="@+id/toolbar" android:layout_width="match_parent...
Read more