2016-04-25 7 views
1

Ich möchte Sweet Alert für erhalten Radiobutton Wert in Angularjs verwenden. Gibt es eine Möglichkeit, ausgewählte Radio Button-Wert zu erhalten. Ich verwende SweetAlert v1.1.3 anf ngSweetAlert Direktive.Wie bekomme ich Radiobutton-Wert in SweetAlert mit AngularJS

SweetAlert.swal({ 
    title: "Please Select:", 
    text: '<form> <div class=""> <input type="radio" name="csvSelect" id="radio1" ng-model="radioValue" ng-value="1" > <label for="radio1"> Whole records </label> </div> <div class=""> <input type="radio" name="csvSelect" id="radio2" ng-model="radioValue" ng-value="2" ng-click="getVal()"> <label for="radio2"> Selected records </label> </div></form>', 
    html: true, 
    showCancelButton: true, 
    confirmButtonText: "Download it!", 
    cancelButtonText: "Cancel", 
    closeOnConfirm: false, 
    closeOnCancel: true, 
    showLoaderOnConfirm: true 
}, 
function (isConfirm) { 
    if (isConfirm) { 
     SweetAlert.swal("Deleted!", $scope.radioValue, "success"); 
    } 
}); 

Antwort

3

Hier gehen Sie - http://jsbin.com/lonotipeba/edit?js,output

Ich denke sweetAlert display:none auf Eingabeelemente anwenden. Entschuldigung für den großen Radiobutton, den du mit deinem CSS steuern kannst. Wenn Sie auf die Download-Schaltfläche klicken, wird der Wert des Radios in einer JS-Warnung angezeigt.

Sie können eine function in SweetAlert übergeben, um Ihr Ziel zu erreichen.

P.S klicken Sie auf Führen Sie mit JS, um sweetAlert zu sehen.

+0

Gibt es eine Möglichkeit ohne jQuery-Anweisung '$ (0) –

+0

Sie können Vanille JS verwenden. Nur eine Zeile ist in jQuery, die Sie leicht in JS ändern können. –

Verwandte Themen