2016-04-25 20 views
1

Angularjsでラジオボタンの値を取得する場合は、Sweet Alertを使用します。ラジオボタンの値を選択する方法はありますか?私はSweetAlert v1.1.3 anf ngSweetAlert指令を使用しています。ここでSweetAlertで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"); 
    } 
}); 

答えて

3

あなたが行く - http://jsbin.com/lonotipeba/edit?js,output

私はsweetAlertが入力要素にdisplay:noneを適用すると思います。ビッグラジオボタンを申し訳ありません。あなたのCSSで制御できます。あなたがダウンロードボタンをクリックすると、JS警告のラジオの値が表示されます。

SweetAlertでfunctionを渡すと、目標を達成できます。

P.SクリックしてJSボタンを実行するとsweetAlertが表示されます。

+0

jQueryステートメント '$(...) 'を使用しない方法はありませんか –

+0

vanilla JSを使用できます。 jqueryには1行だけあり、JSに簡単に変更できます。 –

関連する問題