jquery文本框内容改变事件,jquery获取复选框选中值

发布时间:2019-11-05编辑:脚本学堂
分享一些jquery文本框焦点事件的例子,jquery文本框内容改变事件,以及jquery获取复选框选中值、jquery统计复选框选中数量的方法与例子。

一、jquery文本框事件

1、文本框内容改变事件,可使用propertychange,例如:
 

("#txtDataDate").bind("propertychange",function(){
});

2、获取被选中RadioButton 的值
 

var radio_value = $("input[type=radio][checked]").val();

3、下拉列表的改变事件,以及获得选中选项的值
 

$("#下拉列表").change(function() {
//获得选中项的值
var select = $(this).val();
}).change();

二、jquery获取复选框选中值

jquery获取复选框被选中值
 

<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50"  />
$("#btn5").click(function(){
 var str="";
 $("[name='checkbox'][checked]").each(function(){
 str+=$(this).val()+",";
  })
 $("#dd").val(str)
 })

三、jquery分别获取选中的复选框值

jquery如何分别获取选中的复选框值
 

function jqchk(){ //jquery获取复选框值
var s='';
$('input[name="aihao"]:checked').each(function(){
s+=$(this).val()+',';
});

点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素。
 

if (s.length > 0) {
//得到选中的checkbox值序列
s = s.substring(0,s.length - 1);
}
alert(s==''?'你还没有选择任何内容!':s);
}
</script>

获取checkbox值的方法:将其放到数组中,然后连接成字符串
 

var chenked=$("input[type='checkbox']:checked").val([]);
var names = "";
for(var i=0;i<chenked.length;i++){
names += chenked[i].value +",";
}

可以更优雅一些:
 

var arr_v = new Array();
=$("input[type='checkbox']:checked").each(function(){
arr_v.push(this.val());
});
arr_v.join(',');
 

就可以了。

例子:
 

//此为重点,该句与下面的第一句效果一样
var selectedItems = new Array();
$("input[@name='itemSelect[]']:checked").each(function() {selectedItems.push($(this).val());});

if (selectedItems .length == 0)
alert("Please select item(s) to delete.");
else
$.ajax({
type: "POST",
url: "/ajax_do_something.php",
data: "items=" + selectedItems.join('|'),
dataType: "text",
success: function (request) {
document.location.reload();
},
error: function(request,error){
alert('Error deleting item(s), try again later.');
}
}
);

java 拆分:
 

String names = null;
String name1 = null;
String name2 = null;
names = request.getParameter("names");
String[] name = names.split(",");
for(String x : name){
if("zhangsan".equals(x)){
name1 = x;
}
if("lisi".equals(x)){
name2 = x;
}
}

jquery 修改时候选中 后台查询的复选框
 

var struids='${useridstr}'; //后台获取数据
alert(struids);
if(struids!='')
{
var str=struids.split(",");
for(var j=0;j<str.length;j++)
{
$(":checkbox[value='"+str[j]+"']").attr("checked",true);
}
}

下拉框
 

var module='${module}'
$("#module option[value='" + module + "']").attr("selected","selected");

var s = $("#parentId").find("option:selected").val();

四、jquery统计复选框选中数量

jquery实现统计复选框选中数量

jquery代码:
 

复制代码 代码示例:
function countNum(){
 //alert($('input[name=check]:checked').length);
var arrays = new Array();
 var items = document.getElementsByName("check");
 for(var i=0;i<items.length;i++){
     if(items[i].checked){
arrays.push(items[i].value);
     }
 }
 alert(arrays.length);
        }
 

html代码:
 

复制代码 代码示例:
<input type="checkbox" value="1" name="check" checked/>
<input type="checkbox" value="2" name="check"/>
<input type="checkbox" value="3" name="check"/>
<input type="button" value="选中个数" id="btn" onclick="countNum();">