如何获取其中一个按钮的值并将类更改为活动状态,以便使用jQuery单击该按钮?

时间:2018-04-03 18:44:23

标签: jquery

<div class="hide-below-1200 btn-group" style="padding: 5px 0 5px 0;" data-toggle="buttons" role="group">
    <button class="btn btn-default btn-sm active year-btn">All</button>
    <button class="btn btn-default btn-sm year-btn">2017</button>
    <button class="btn btn-default btn-sm year-btn">2016</button>
    <button class="btn btn-default btn-sm year-btn">2015</button>
    <button class="btn btn-default btn-sm year-btn">2014</button>
</div>

如何获取其中一个按钮的值并将该类更改为使用jQuery单击的按钮处于活动状态?

我试过了,但我说这个项目没有定义

$(document).on("click", ".year-btn", function(e) {
        console.log($(this).children('button')[0].value);
    });

3 个答案:

答案 0 :(得分:0)

首先,处理程序$(this)内部已经是一个按钮,因此.children('button')将导致undefined,其次,使用jQuery时,使用.val()代替{{1}但是,由于你想要的是按钮的文字,你必须使用.value

如果您使用.text(),则会获得该按钮的.val()属性。

试试这个

&#13;
&#13;
value
&#13;
$(document).on("click", ".year-btn", function(e) {
  $(this).addClass('active').siblings().removeClass('active');
        console.log("Text is " + $(this).text());
        console.log("Value is " + $(this).val());
    });
&#13;
button.active{
  color: red
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你可以这样做:

$(document).on('click', function (e) {
    $(".btn").removeClass('active');
    $target = $(event.target);
    $target.addClass('active');
});

希望它有所帮助!

注意:不要忘记将jQuery脚本添加到代码中,有时“未定义”是由伪造执行此操作引起的。它发生了。

编辑:如果您要从其他人中删除“有效”课程,则:

def upload_csv(request):
    if request.method == 'POST' and request.FILES['csv_file']:
        myfile = request.FILES['csv_file']
        fs = FileSystemStorage()
        filename = fs.save(myfile.name, myfile)
        print "filename",filename
        data = csv.reader(fs.open(filename, mode='r'), delimiter=str(u';').encode('utf-8'), quotechar=str(u'"').encode('utf-8'))
        for row in data:
            print "row: ",row

答案 2 :(得分:0)

这是执行此操作的代码。和 Demo 我们点击的元素从所有中移除活动类,并仅添加单击的元素。

 function mint(address _holder, uint _value) external {
require(msg.sender == ico);
require(_value != 0);
require(totalSupply + _value <= TOKEN_LIMIT);

balances[_holder] += _value;
totalSupply += _value;
Transfer(0x0, _holder, _value);  }