数码资讯
jQuery选择复选框,以选择和取消选择所有功能
jQuery的选择,取消选择,选中所有功能直接在下面的例子。下面的复选框和几个相关页面(选择按钮,取消选择,选择等): 苹果 一个橘子 香蕉 葡萄 实现相关功能的完整代码如下所示: $(函数(){()) $(# BTN1)。Click(功能){ / /(选择 $({姓名= 'fruit})。Attr
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery的选择,取消选择,选中所有功能直接在下面的例子。下面的复选框和几个相关页面(选择按钮,取消选择,选择等):
苹果
一个橘子
香蕉
葡萄
实现相关功能的完整代码如下所示:
$(函数(){())
$(# BTN1)。Click(功能){ / /(选择
$({姓名= 'fruit})。Attr('checked '真实');
});
$(# BTN2)。Click(功能)({ / /选举
$({姓名= 'fruit})。RemoveAttr('checked);
});
$(# BTN3)。Click(功能)({ / /取消
$({姓名= 'fruit})。每个(函数(){)
如果($(this)。Attr('checked ')){
$(这)RemoveAttr('checked);
其他{ }
$(这)。Attr('checked '真实');
}
})
});
$(# BTN4分别)(点击(功能){ / /选择所有奇数
$({姓名}:'fruit甚至)。Attr('checked '真实');
})
$(# btn5 )(点击(功能){ / /获取所有选定的选项值
无功checkval =;
$({姓名} { } = 'fruit检查),每个(函数(){)
checkval + = $(this)。瓦迩(+);
})
警报(checkval);
})
});
请注意,在使用jQuery之前必须引入jQuery包。
以上是小编的代码,不用很方便,希望对你有所帮助。
苹果
一个橘子
香蕉
葡萄
实现相关功能的完整代码如下所示:
$(函数(){())
$(# BTN1)。Click(功能){ / /(选择
$({姓名= 'fruit})。Attr('checked '真实');
});
$(# BTN2)。Click(功能)({ / /选举
$({姓名= 'fruit})。RemoveAttr('checked);
});
$(# BTN3)。Click(功能)({ / /取消
$({姓名= 'fruit})。每个(函数(){)
如果($(this)。Attr('checked ')){
$(这)RemoveAttr('checked);
其他{ }
$(这)。Attr('checked '真实');
}
})
});
$(# BTN4分别)(点击(功能){ / /选择所有奇数
$({姓名}:'fruit甚至)。Attr('checked '真实');
})
$(# btn5 )(点击(功能){ / /获取所有选定的选项值
无功checkval =;
$({姓名} { } = 'fruit检查),每个(函数(){)
checkval + = $(this)。瓦迩(+);
})
警报(checkval);
})
});
请注意,在使用jQuery之前必须引入jQuery包。
以上是小编的代码,不用很方便,希望对你有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。