时间戳

首页 > 解决方案 > 无法更改提交按钮的名称

jquery - 无法更改提交按钮的名称

问题描述

我有一个复选框，我希望它更改提交按钮的名称，但它没有。

这是相关代码

$( document ).ready(function()
    {
        $('input[name=checkbox_htmlName]').change(function() {
                if(this.checked) {
                        confirm("I am checked");
                        // $(this).prop("checked", returnVal);
                        //change from edit to delete
                        // document.getElementById(submit_btn_id).name = 'Delete Selected Item';
                        $('input[name=submit_htmlName]').val = 'Delete Selected Item';
                } else {
                    confirm("I am NOT checked");
                    // document.getElementById(submit_btn_id).name = 'Edit Selected Item';
                    $('input[name=submit_htmlName]').val = 'Edit Selected Item';
                }
        });
    });

按钮信息是

<input type="submit" name='submit_htmlName' id='submit_btn_id' class="btn btn-primary btn-block" value="change my name" alt="Edit Selected Item"/>

该代码在https://jsfiddle.net/mauricev/9py4vmco/1/上运行

标签： jquery

解决方案

您可以使用以下任何一种方法来实现此目的。

使用 .val() 来设置每个匹配元素的值

jQuery( document ).ready(function($){
    $('input[name=checkbox_htmlName]').change(function() {
        if(this.checked) {
            $('input[name=submit_htmlName]').val('Delete Selected Item');
        } else {
            $('input[name=submit_htmlName]').val('Edit Selected Item');
        }
    });
});

使用 .attr() 您可以将属性值修改为所需的值

jQuery( document ).ready(function($){
    $('input[name=checkbox_htmlName]').change(function() {
        if(this.checked) {
            $('input[name=submit_htmlName]').attr('value','Delete Selected Item');
        } else {
            $('input[name=submit_htmlName]').attr('value','Edit Selected Item');
        }
    });
});

推荐阅读