尝试将提交按钮的状态从禁用更改为启用

时间:2015-01-16 20:51:09

标签: javascript java twitter-bootstrap jsp

尝试通过删除“禁用”类来更改按钮状态的不同方法。在尝试了我在网上找到的各种建议之后,我仍然无法按照我的意愿使其工作。 以下是视图中的片段

 <tr>
    <td>
    <input type="checkbox" name="chk" id="chk" onclick="enableSubmit()">I accept the 
    <a target="_blank" href="<c:url value='/TermsAndConditions' />" rel="nofollow" >terms and conditions
    </a> of this transaction
    </td>
    </tr>
    <tr>
    <td style="align: left;">
    <a class="btn btn-default" href="<c:url value='/Cancel' />/${order.id}" role="button">
    <spring:message code="result.back" />
    </a>
    </td>
    <td style="text-align: right;">
    <a id="submitBtn" class="btn btn-primary disabled" href="<c:url value='/Confirm' />/${order.id}" role="button" >
    <spring:message code="result.submit" />
    </a>
    </td>
    </tr>

下面是我尝试的最新尝试

 <script>
        function enableSubmit(){
        $('#submitBtn').removeClass('disabled');
        }
 </script>

任何有关我所做错事的指导都会受到极大的欢迎

4 个答案:

答案 0 :(得分:2)

$('.submitBtn')

允许选择具有 CSS类 submitBtn的元素。你想要的是选择具有 id submitBtn的元素:

$('#submitBtn')

答案 1 :(得分:1)

尝试:

</script>
        function enableSubmit(){
        $('#submitBtn').removeClass('disabled');
        }
 </script>

.submitBtn用于课程#submitBtn用于ID

答案 2 :(得分:0)

您正在尝试修改一个不是SubmitBtn id的类。

$('.submitBtn')更改为$('#submitBtn')

答案 3 :(得分:0)

您的脚本包含拼写错误。

。选择一个带有类的元素,#将选择一个ID。 因为你用过

function enableSubmit(){
        $('#submitBtn').removeClass('disabled');
}

这应该解决它。