Enable submit button on check of checkbox and send data to controller.js

Question

I have a checkbox. On tick of that checkbox, I am displaying a textbox and a drop-down menu. I want to add a submit button which should also be displayed on tick of the checkbox only. This is not working for me. Also, I have to send data (value of textbox and selected value from dropdown) to my controller.js using that submit button. Edited : What i need to do is i have to select data from dropdown and enter text data and I need to send both data to spring controller through angularjs controller.

Here is my code : .html

    <div class="form-group">
            <div ng-controller="release">
                    <div class="col-md-2 col-centered col-fixed">
                        <label for="cloneRelease" translate="release.form.cloneRelease">CloneRelease</label>
                        <input type="checkbox" id="cloneRelease" ng-model="ticketed">
                            <div ng-show="ticketed">
                                Release Name:<input type="text" ng-show="ticketed" id="newReleaseName">
                                Release To Clone<select ng-show="ticketed" ng-repeat="release in releaseName">
                                <option  value={{release}}>{{release}}</option>
                                </select>
                                <button type="submit" class="btn btn-default" translate="" data-dismiss="modal" 
                                ng-click="cloneRelease(release,newReleaseName)">CloneRelease</button>
                            </div>
                    </div>
                </div>
        </div>

controller.js

$scope.cloneRelease = function($release,$newReleaseName){
            var dataObj = {
            oldReleaseName : $scope.release,
            newReleaseName : $scope.newReleaseName,
        };
        console.log('inside clone release'+dataObj);
        $http.post('cloneReleaseController/cloneRelease',dataObj).success(function (data) { 

        }); 
        }

Spring controller

public void cloneRelease(String oldReleaseName ,String newReleaseName, @RequestBody ReleaseDAO releaseDAO){
        System.out.println("inside clone controller"+oldReleaseName+" "+newReleaseName);
}

maybe use ng-show="ticketed==true" // only show button if checkbox is true. Don't you do this on the other checkbox? — sch
– sch, Commented Sep 2, 2015 at 10:07
No its not working. ng-show="ticketed==true" Its not working — code98355
– code98355, Commented Sep 2, 2015 at 10:11

Paresh Gami · Accepted Answer · 2015-09-02 15:56:26Z

1

Please do this one

<div ng-controller="release">
  <div class="col-md-2 col-centered col-fixed">
    <input type="checkbox" id="cloneRelease" ng-model="ticketed">
    <div ng-show="ticketed">
      <input type="text" ng-show="ticketed" id="newReleaseName" ng-model="releaseName">
      <select ng-show="ticketed" ng-repeat="release in releaseName">
        <option  value={{release}}>{{release}}</option>
      </select>
      <button type="submit" class="btn btn-default" translate="" data-dismiss="modal" ng-click="cloneRelease()">CloneRelease</button>
    </div>
  </div>

<div ng-show="ticketed">
  <button type="submit" class="btn btn-default" translate="" data-dismiss="modal" ng-click="cloneRelease()">CloneRelease</button>
</div>

edited Sep 2, 2015 at 15:56

answered Sep 2, 2015 at 10:44

Paresh Gami

4,7926 gold badges28 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

code98355 Over a year ago

I can't put submit button in same div tag as there are other fields too. Is there any way to put submit button in other div tag and bind it with checkbox?

code98355 Over a year ago

I am passing data from angularjs controller to spring controller but its not reaching to the controller.

Paresh Gami Over a year ago

on submit button you can call function in controller

code98355 Over a year ago

Its comming to angularjs controller but its not reaching spring controller.

Paresh Gami Over a year ago

i cannot figure out what is issue? hide button or passing data to spring controller?

|

Collectives™ on Stack Overflow

Enable submit button on check of checkbox and send data to controller.js

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related