ボタンのグループから特定のボタンを選択したときに、別のURLリンクを割り当てる方法は？

クリックすると、ユーザーの電子メールへの別のダウンロードリンクが返される一連のボタンを作成します。私はJavaScriptのスイッチでそれをやろうとしていますが、ダウンロードリンクを返す方法がわからないので、PHPを使ってダウンロードリンクを取得することができます。ボタンのグループから特定のボタンを選択したときに、別のURLリンクを割り当てる方法は？

<div class="row"> 
    <div class="col-md-3"> 
    <div class="text-center"> 
     <i class="fa fa-file" style="font-size:48px; color:#00ffff;"></i> 
     <span><h6>User Manual:Accounting</h6></span> 
     <button class="downloadButton" id="401" type="button" data-toggle="modal" data-target="#downloadModal" style="border-radius:5px; outline:none; background-color:Transparent;"> 
     <i class="fa fa-download" style="font-size:24px; color:#737373;"></i> 
     </button> 
    </div> 
</div>

<script> 
function linkFunction(){ 
    var buttonClass = document.getElementsByClassName["download-button"]; 
    var buttonId = buttonId.attr('id'); 
    var link;

出典

2017-05-20 Kimkim900109

ます。https：？あなたのコードのための//www.w3schools.com/tags/att_a_download.asp – prasanth

これはあなたが探しているものかもしれないですか？それが役に立てば幸い！あなたがああダウンロードボタンを必要とする

<html> 
<head> 
<script> 
window.onload = doThis; 

/* This one would work well and allow you to pass arguments */ 
function doThis() { 
    var buttonClass = document.getElementById("download_button"); 
    var buttonId = buttonClass.id; 
    var buttonName = buttonClass.name; 
    var buttonLinkId = buttonClass.getAttribute('data-linkId'); 

    buttonClass.addEventListener('click', buttonClickedCaller); 

    function buttonClickedCaller(){ 
    buttonClicked(buttonLinkId); 
    } 

    function buttonClicked(foo) { 
    console.log('http://localhost/?' + foo); 
    window.location = 'http://localhost/?' + foo; 
    // window.open('http://localhost/?'+foo); 
    } 
} 

/* 
// here's a simpler example 
function doThis() { 
    var buttonClass = document.getElementById("download_button"); 
    var buttonId = buttonClass.id; 
    var buttonName = buttonClass.name; 
    var buttonLinkId = buttonClass.getAttribute('data-linkId'); 

    buttonClass.addEventListener('click', buttonClicked); 

    function buttonClicked() { 
    console.log('http://' + buttonLinkId); 
    } 
} 

// careful though, this won't work. 
function doThis() { 
    var buttonClass = document.getElementById("download_button"); 
    var buttonId = buttonClass.id; 
    var buttonName = buttonClass.name; 
    var buttonLinkId = buttonClass.getAttribute('data-linkId'); 
    // Passing a Variable in Below Here 
    buttonClass.addEventListener('click', buttonClicked(buttonLinkId)); 
    // Will Break Here & It's executed onload, but the above one isn't 
    function buttonClicked(foo) { 
    console.log('http://' + foo); 
    } 
} 
*/ 


</script> 
</head> 
<body> 
<div class="row"> 
    <div class="col-md-3"> 
    <div class="text-center"> 
     <span><h6>User Manual:Accounting</h6></span> 
     <button id="download_button" data-linkId="401"> 
     Click Here 
     </button> 
    </div> 
    </div> 
</body> 
<html>

出典

2017-05-20 06:19:30 admcfajn

感謝。今私は値を取得する方法を知っています。 – Kimkim900109

ようこそ。私は一緒に例を入れて楽しんだ。 – admcfajn

私はPHPを使用して電子メールでdata-linkIdの値を渡したいので、download_buttonをクリックすると、data-linkIdで割り当てられた値が取得され、電子メール（PHP）で送信されます。どうやってそれを教えてもらえますか？ – Kimkim900109

ボタンのグループから特定のボタンを選択したときに、別のURLリンクを割り当てる方法は？

答えて

関連する問題