如何将复选框绑定事件，点击复选框就出发一个事件得到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进行操作....

...全文

15767 点赞收藏 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)也行

回复赞

人生难得一只鸡 2014-05-21

你的问题是？ 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> 测试了一下，这个可以，如果有需要的可以参考这个进行一下测试~~

回复赞