使用jQuery實現單選框和核取方塊以及select

2021-07-11 00:19:44 字數 2531 閱讀 2131

一、jquery實現單選框並選中value=」2」的項：

html**：

type=


"radio" name="radio"


value="1" />1


type=


"radio" name="radio"


value="2" />2


type=


"radio" name="radio"


value="3" />3
js**實現：

jquery("input[type='radio'][name='radio'][value='2']").attr('checked','checked');
二、jquery實現核取方塊

type=


'checkbox' name='checkbox' id='checkall' />全選/取消全選


type=


'checkbox' name='checkbox' id='check_id1'


value='1' />1


type=


'checkbox' name='checkbox' id='check_id2'


value='2' />2


type=


'checkbox' name='checkbox' id='check_id3'


value='3' />3


type=


'checkbox' name='checkbox' id='check_id4'


value='4' />4
js**實現：

var val = jquery("#checkbox_id1").val();  // 獲取指定id的核取方塊的值


var isselected = jquery("#checkbox_id2").attr("checked",true); // 選中id為checkbox_id2的核取方塊


jquery("input[name='checkbox'][type='checkbox']").get(2).checked = true; // 設定index=2即第三項為選中狀態。


jquery("input[type='checkbox']:checked").each(function


());


// 實現多選/取消多選


jquery(function


());


} else );


}});


});
三、select下拉框

'select' id='select_id'>


value='1' >1


option>


value='2' >2


option>


value='3' >3


option>


value='4' >4


option>
js**：

jquery("#select_id").change(function


());


var checkvalue = jquery('#select_id').val(); // 獲取選中項的value


var checktext = jquery('#select_id').text(); 


var checkindex = jquery('select_id').attr('selectedindex');  // 獲取選中項的索引值


// 或者 jquery('select_id').get(0).selectedindex;


var maxindex = jquery('select_id:last').attr('selectedindex'); // 獲取select最大索引值


// 或者： jquery('#select_id').get(0).index;


// jquery設定select選中項


jquery('#select_id').get(0).selectindex = 1; // 設定select索引值為1的項選中


jquery('#select_id').val(4); // 選中value值為4的項選中


//jquery新增/刪除option項


'>5'); // 在最後(最後乙個位置追加)新增乙個option


jquery('#select_id').prepend('0


'>0'); //在最前面(第乙個位置插入)新增一項option


jquery('#select_id').get(0).remove(); // 刪除索引值為1的項，即第一項


jquery('#select_id:last').remove(); // 刪除最後一項


jquery('#select_id[value='


3']').remove(); // 刪除value值為3的項


jquery('#select_id').empty();  // 清空id為select_id的select

Jquery為單選框checkbox繫結單擊事件

一 假設有如下一段html dd id 1 input id checkbox 518 class imagezz name type checkbox value 518 dd var test image check box click function else check all image...

使用jquery到radio單選框取值的方法

使用jquery到radio單選框取值，要取到當前選中的元素的值不能像一般的元素那樣直接通過元素名去取值。input type radio name yanggb value yanggb1 input type radio name yanggb value yanggb2 input type ...

layui 單選框和多選框聯動實現多選框的禁用

首先是單選框和多選框的html layui form item layui form label 禁用開關 label layui input block radio name demo lay filter erweima value true title 是 radio id demor nam...