topic Strange, I just tried it in Software Archive

Cannot Disable/Enable a button

Nick_F_2 — Wed, 13 Apr 2016 10:55:47 GMT

I have this Javascript:

function salesType(){

    var saleschecked = $('#salesType').prop("checked");
    localStorage.setItem("salesType",true);
    if (saleschecked == true) {
   $("#atbutton").removeAttr("disabled");
        $('#sales').prop('readonly', true);
    }
    else
        {
    $("#atbutton").attr("disabled", "disabled");
    $('#sales').prop('readonly', false);
        }
}

and this HTML

<div class="ui-checkbox widget uib_w_65 CheckboxMargin CheckboxWidth" data-uib="jquery_mobile/checkbox" data-ver="0">
                        <label>Input Sales
                            <input type="checkbox" onclick="javascript:salesType()" name="salesType" id="salesType" data-mini="true">
                        </label>
                    </div>
                    <div class="table-thing with-label widget uib_w_66 d-margins UpperWidths LabelText InputText" data-uib="jquery_mobile/input" data-ver="0">
                        <label class="narrow-control label-inline" for="sales">Sales</label>
                        <input class="wide-control" type="number" data-mini="true" value="0" name="sales" id="sales">
                    </div>
                    <a class="widget uib_w_67 d-margins" data-uib="jquery_mobile/button" data-ver="0" data-role="button" id="atbutton" name="atbutton" disabled="disabled">Advanced Data</a>

On page load the Advanced Data button should be disabled and when I check the checkbox, the Sales input becomes readonly as required, but the Advanced Data button is always enabled, I cannot swap between disabled and enabled on checkbox click.

Any thoughts please.

Try

Hamilton_Tenório_da_ — Wed, 13 Apr 2016 11:16:50 GMT

Try

$('#atbutton').prop('checked', false);

Hi Thanks for your help, but

Nick_F_2 — Wed, 13 Apr 2016 11:22:24 GMT

Hi Thanks for your help, but that doesn't work.

Also I am trying to disable a button not check/uncheck a checkbox.

Bump

Nick_F_2 — Fri, 15 Apr 2016 11:05:29 GMT

Bump

Hi,

Diego_Calp — Fri, 15 Apr 2016 11:23:26 GMT

Hi,

With AF3 this work for me:

$("#atbutton").prop("disabled",true);

Regards

Diego

Nope tried that before and

Nick_F_2 — Fri, 15 Apr 2016 11:48:25 GMT

Nope tried that before and tried it again, but the button refuses to change state.

Strange, I just tried it

Diego_Calp — Fri, 15 Apr 2016 11:53:30 GMT

Strange, I just tried it again. The button remains unchanged, but not respond to clicks. If I change with the same method to disabled = false, it is working again.

Are you using App Framework 3 or other?

I'm using jQuery Mobile. Its

Nick_F_2 — Fri, 15 Apr 2016 11:57:27 GMT

I'm using jQuery Mobile. Its an app I've been working on for a while.

OK.

Diego_Calp — Fri, 15 Apr 2016 12:14:08 GMT

OK.

XDK creates JQM buttons as link buttons. They don't have methods as enable disable associated.

http://demos.jquerymobile.com/1.2.0/docs/buttons/buttons-methods.html

Link buttons (<a> element) doesn't have a disabled property. You need to use a workaround like this:

http://stackoverflow.com/questions/6438659/how-to-disable-a-link-button-in-jquery-mobile

Regards,

Diego

Thats a very good point, hadn

Nick_F_2 — Fri, 15 Apr 2016 12:19:05 GMT

Thats a very good point, hadn't considered that.

I will take a look at the links you have posted. Many thanks.