Jquery控制select和checkbox
下面用範例來說明
JS部分
function get_checkbox() { $(".c1").each(function(){ // 判斷是否被勾選 if($(this).attr('checked')) { // 取的已勾選的checkbox值 alert($(this).attr("value")); } }) } function BC_checked() { $(".c1").each(function(){ if($(this).attr('value') == "B" || $(this).attr('value') == "C") { // 指定勾選 $(this).attr("checked",true); } }) } function add_option() { // 增加選項 $(new Option("D" , "4")).appendTo('#S1'); } function get_selected() { // 取的選中項 alert($('#S1').val()); } function clear_option() { //清空下拉框 $('#S1').empty(); } function B_selected() { $("#S1").attr("value",'2'); }
HTML部分
<input type="checkbox" name="c1[]" class="c1" value="A">A
<input type="checkbox" name="c1[]" class="c1" value="B">B
<input type="checkbox" name="c1[]" class="c1" value="C">C
<input type="button" name="b1" value="取得勾選" onclick="get_checkbox();">
<input type="button" name="b1" value="勾選BC" onclick="BC_checked();">
<hr>
<br>
<select name="S1" id="S1">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<input type="button" name="b1" value="增加選項D" onclick="add_option();">
<input type="button" name="b1" value="取得選中項" onclick="get_selected();">
<input type="button" name="b1" value="清空選項" onclick="clear_option();">
<input type="button" name="b1" value="指定B為選中項" onclick="B_selected();">
線上demo http://i-rich.tw/border_blog/sample3/test.php