blog gadget design wallpaper web programming review


check checkbox with specific value ( using jQuery )

To check/uncheck checkbox with specific value using jQuery.

To check checkbox with id lead with "chk_hobby_" and has value = 7 :

$("#data-form input[id^='chk_hobby_'][value=7]").prop('checked',true);

To uncheck checkbox with id lead with "chk_hobby_" and has value = 2 :

$("#data-form input[id^='chk_hobby_'][value=2]").prop('checked',false);

HTML Sample :

<form id="data-form">Hobby
<div><input id="chk_hobby_2" type="checkbox" name="hobby[]" value="2" checked="true" /> <label>Swimming</label></div>
<div><input id="chk_hobby_6" type="checkbox" name="hobby[]" value="6" /> <label>Watching Movie</label></div>
<div><input id="chk_hobby_7" type="checkbox" name="hobby[]" value="7" /> <label>Bowling</label></div>
Demo :
Tagged as: No Comments

Javascript UI library

Here some javascript library for make your website user interface (UI) looks good and cut your time to create common UI.
They have many common feature which is we need for common website, datagrid, tree, window, menu, accordion, datepicker, etc .
jQuery UI

jQuery EasyUI
This library is created  based on jQuery.

This library is created  based on jQuery and also support for mobile device.


basic jquery tutorial

What is jquery ? jquery is one of most popular javascript library to make your live easier 😀 , you can make animation, ajax, manipulate html with only few line code. You can download jquery file from . Here same sample jquery for basic usage :)  .

Hello World

//make sure you use ready state to make sure all element is loaded before execute the script inside
 alert("Hello World");

Full code :

    <title>Untitled Document</title>
  <script type="text/javascript" src=""></script>
  <script type="text/javascript">
        alert("Hello World");