- textbox
$("#text").val(); //get $("#text").val("hi"); //set
- radiobox
- 取得被選中的值
var item = $('input[name=items][@checked]').val(); //or $('input[name=items]:checked').val();
- 使第二個radiobox被選中 (無法用在checkbox上)
$('input[name=items]').eq(1).checked = true; //法1 $("input[type=radio]").eq(1).attr("checked",true); //法2
- 觸發click事件
$("input[type=radio]").eq(1).trigger('click'); //由於利用程式選中,並不會觸發click,所以結合兩者 $("input[type=radio]").eq(1).attr("checked",true).trigger('click');
- 取得多組 (:enabled, :disabled,:selected都同方法)
$('input:checked').each(funciton(){ ... }); //:select 方法差不多,不過多個option $("select option:selected").each(function () { ... });
- 取得被選中的值
- checkbox
checkbox取值,給值
alert($("#checkbox").attr("checked")); //是否勾選 true or false $("#checkbox").attr("checked",false); //不打勾 $("#checkbox").attr("checked",true); //打勾
- select
$("#sel").attr("value",'-sel3'); //設置value=-sel3的項目為當前選中項 $("11112222").appendTo("#sel"); //添加下拉框的option
事件
用click 觸發改變事件(用change 還得再點旁邊才會觸發)
//html <input name="RadioName" value="hi"> //js $("input[name='RadioName']").click(function(){ $(this).val(); //即hi });
References:
- 對select的操作
- http://www.cnblogs.com/xlfj521/archive/2008/01/29/1057375.html
1 則留言:
$('input:checked').each(funciton(){
should be
$('input:checked').each(function(){
張貼留言