如何将复选框绑定事件,点击复选框就出发一个事件得到value值。

love北纬45 php开发工程师  2014-05-21 10:54:21
<input type="checkbox" name="chk" value= '.$value->ProvinceName.' /> (php中这样写的)

$("input[name='chk']").click(function () { (js中这样写的)
if($(this).attr("checked")==true){
alert($(this).attr("checked"))
var banProvinceName = $("input[type='checkbox'][name='chk']:checked").val();
alert(banProvinceName);
var data = {
'key' : banProvinceName
};
$.ajax( {
type : "POST",
async : false,
url : "../ajax/province/modify",
data : data,
success : function(ret) {.............

把每个复选框都绑定一个事件,想单击一下复选框,触发一条指令,将被选中的复选框的value值通过ajax传到php进行操作....
...全文
15873 点赞 收藏 7
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
love北纬45 2014-05-21
引用 3 楼 wzs_xyz 的回复:
checked属性的值可能不是true,可能是"checked",所以建议不要用true来判断,你可以直接if($(this).attr("checked")) 即可,或者用楼上写的If(this.checked)也行
嗯 嗯 好的 谢谢 this.value也可以写成是$(this).val() 是吧...
回复
love北纬45 2014-05-21
引用 2 楼 Return_false 的回复:
你的问题是?
if(this.checked)
{
var banProvinceName =this.value;//当前选中值
......
}

谢谢大神指点
用$(this).val()还是this.value....
口 北京 ->鼠标点击一下复选框弹出窗口以选中(讲值取出传给php)
口 上海
$(document).ready(function() {
$("input[name='chk']").click(function () {
if(this.checked){
alert("以选中");
var banProvinceName = this.value;
alert(banProvinceName);
var data = {
'key' : banProvinceName
};
$.ajax( {
type : "POST",............看看这个写是没有错误,但是在我这里还是不行
回复
未知数 2014-05-21
checked属性的值可能不是true,可能是"checked",所以建议不要用true来判断,你可以直接if($(this).attr("checked")) 即可,或者用楼上写的If(this.checked)也行
回复
你的问题是? if(this.checked) { var banProvinceName =this.value;//当前选中值 ...... }
回复
love北纬45 2014-05-21
alert();是后来加的,可以忽略,可是测试断点也执行不到alert这一步。。。
回复
love北纬45 2014-05-21
<html> <head> <script type="text/javascript" src="http://www.gdzhibo.cn/skin/2014/js/jquery-1.4.2.js"></script> </head> <body> <form> <input name="chk" type="checkbox" value="518"> <input name="chk" type="checkbox" value="519"> </form> <script type="text/javascript"> $(document).ready(function(){ $("input[name='chk']").click(function () { if($(this).attr("checked")){ alert($(this).val()); }else{ alert($(this).val()); } }); }); </script> </body> </html> 测试了一下,这个可以,如果有需要的可以参考这个进行一下测试~~
回复
KeepSayingNo 2014-05-21
这样写是可以的
回复
相关推荐
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2014-05-21 10:54
社区公告
暂无公告